0、对于 HTTP 协议而言，HTML、CSS、JS、JSON 的本质都是什么？
对于HTTP协议，HTML/CSS/JS/JSON的本质都是字符串。只不过html是符合html语法的字符串，css是符合css语法的字符串，js与json也是符合各自语法的字符串。
1、使用数组拼接出如下字符串 ，其中styles数组里的个数不定
var prod = {
name: '女装',
styles: ['短款', '冬季', '春装']
};
function getTpl(data){
//todo...
};
var result = getTplStr(prod); //result为下面的字符串
<dl class="product">
<dt>女装</dt>
<dd>短款</dd>
<dd>冬季</dd>
<dd>春装</dd>
</dl>
代码
var product = {
name: '女装',
styles: ['短款', '冬季', '春装']
}
function getTpl(product) {
var str = '<dl class="product">'
str += ' <dt>' + product.name + '</dt>'
for(var i = 0; i < product.styles.length; i++) {
str += ' <dd>' + product.styles[i] + '</dd>'
}
str += ' </dl>'
return str;
}
var result = getTpl(product)
console.log(result)
2、写出两种以上声明多行字符串的方法
例如：
var str = 'abcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeanccdeancde'
这段字符串很长，如何多行优雅的显示
// 方法一
var str = 'abcdeabcdeab\
cdeancdeabcd\
eabcdeabcdea\
ncdeabcdeabd\
eabcdeancdea\
bcdeabcdeabc\
deancde'
// 方法二
var str = 'abcdeabcdeab' +
'cdeancdeabcd' +
'eabcdeabcdea' +
'ncdeabcdeabd' +
'eabcdeancdea' +
'bcdeabcdeabc' +
'deancde'
// 方法三
(function () { /*
abcdeabcdeab
cdeancdeabcd
eabcdeabcdea
ncdeabcdeabd
eabcdeancdea
bcdeabcdeabc
deancde
*/}).toString().split('\n').slice(1,-1).join('\n')
// abcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeanccdeancde
3、补全如下代码,让输出结果为字符串: hello\\world
var str = "hello \\\\ world "
console.log(str)
4、以下代码输出什么?为什么
var str = 'jirengu\nruoyu' // \n相当于一个字符
console.log(str.length) // 13
5、写一个函数，判断一个字符串是回文字符串，如 abcdcba是回文字符串, abcdcbb不是
function judgeEqual(str){
return str === str.split('').reverse().join('');
}
6、写一个函数，统计字符串里出现出现频率最多的字符
var str = 'svnaobnfa sjnadjf k snvjdfnjdsnfb' ;
var dict = {};
for(var i = 0;i < str.length; i++){
if(dict[str[i]]){
++dict[str[i]];
}else{
dict[str[i]] = 1;
}
}
var count = 0;
var maxValue;
for(key in dict){
if(dict[key]>count){
maxValue = key;
count = dict[key]
}
}
console.log(count,maxValue) // 6 "n"
7、写一个camelize函数，把my-short-string形式的字符串转化成myShortString形式的字符串，如
camelize("background-color") == 'backgroundColor'
camelize("list-style-image") == 'listStyleImage'
代码
function camelize(str) {
var arr = str.split('-')
for(var i = 1; i < arr.length; i++){
arr[i] = arr[i][0].toUpperCase() + arr[i].substr(1)
}
return arr.join('')
}
console.log( camelize("background-color") )
8、写一个 ucFirst函数，返回第一个字母为大写的字符 （***）
ucFirst("hunger") == "Hunger"
代码
function ucFirst(str){
return str[0].toUpperCase()+str.slice(1).toLowerCase();
}
9、写一个函数truncate(str, maxlength), 如果str的长度大于maxlength，会把str截断到maxlength长，并加上...，如
truncate("hello, this is hunger valley,", 10) == "hello, thi...";
truncate("hello world", 20) == "hello world"
代码
function truncate(str,maxlen){
if(str.length < maxlen){
return str;
}
return str.substr(0,maxlen) + '...';
}
10、什么是 JSON格式数据？JSON格式数据如何表示对象？window.JSON 是什么？
JSON(JavaScript Object Notation)是一种轻量级的数据交换格式。它基于JavaScript（Standard ECMA-262 3rd Edition - December 1999）的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C, C++, C#, Java, JavaScript, Perl, Python等）。这些特性使JSON成为理想的数据交换语言。 易于人阅读和编写，同时也易于机器解析和生成(网络传输速度)。
JSON 语法是 JavaScript 对象表示语法的子集。
- 数据在名称/值对中
- 数据由逗号分隔
- 花括号保存对象
- 方括号保存数组
// JSON 数据的书写格式是：名称/值对，名称/值对组合中的名称写在前面（在双引号中），
// 值对写在后面(同样在双引号中)，中间用冒号隔开：
var json1 = {"name": "Byron", "age": "24"}
var json2 = [
{"name": "Byron", "age": "24"},
{"name": "Byron2", "age": "25"}
]
表示对象：一个对象以“{”（左括号）开始，“}”（右括号）结束。每个“名称”后跟一个“:”（冒号）；“名称/值对”之间使用“,”（逗号）分隔。
window.JSON就是浏览器对JSON对象的支持，IE浏览器需在IE8及以上才支持JSON对象，其他浏览器都支持JSON对象。
11、如何把JSON 格式的字符串转换为 JS 对象？如何把 JS对象转换为 JSON 格式的字符串?
- 把JSON格式的字符串转换为JS对象 parse
var str = '{ "name":"alutier","age":"24"}'
var obj = JSON.parse(str)
console.log(obj)
- 把js对象转换为JSON格式的字符串 infoString
var info = { "name":"alutier","age":"24","sex","male"}
var infoString = JSON.stringigy(info)
console.log(infoString)
