进阶5

0、对于 HTTP 协议而言，HTML、CSS、JS、JSON 的本质都是什么？

• 本质上都是符合HTML、CSS、JS、JSON语法的字符串。

1、使用数组拼接出如下字符串 ，其中styles数组里的个数不定

var prod = {
    name: '女装',
    styles: ['短款', '冬季', '春装']
};
function getTplStr(data){
   var str = '<dl class="product"><dt>'+prod.name + "</dt>";
   for(i in data.styles){
         str = str   +  "<dd>" + data.styles[i]  + "</dd>"
}
     str = str+ "</dl>"
     return str;//todo...
};
var result = getTplStr(prod);  //result为下面的字符串
console.log(result)
<dl class="product"><dt>女装</dt><dd>短款</dd<dd>冬季</dd><dd>春装</dd></dl>

2、写出两种以上声明多行字符串的方法

例如：

var str = 'abcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancde'

这段字符串很长，如何多行优雅的显示

• 方法一：可以在每一行的尾部使用反斜杠
• 方法二：连接运算符（+）可以连接多个单行字符串，用来模拟多行字符串。
• 方法三：利用多行注释，生成多行字符串

var str= "abcde \
abcde \
abcde ";  //方法一
==============
var str = "abced" 
+ "abced" 
+ "abced"; //方法二
================
var str = (function () { /*
abcde
abcde
abcde
*/}).toString().split('\n').slice(1,-1).join('\n') //方法三

3、补全如下代码,让输出结果为字符串: hello\\饥人谷

var str ="hello\\\\饥人谷" //补全代码
console.log(str)

4、以下代码输出什么?为什么

var str = 'jirengu\nruoyu'
console.log(str.length)  // 13  \n会被转译为一个换行。

5、写一个函数，判断一个字符串是回文字符串，如 abcdcba是回文字符串, abcdcbb不是

   var a = "abcdcba",
         b = "abcdcbb"
   function fn(str){
             revstr = str.split('').reverse().join('')
              if(str === revstr){
                   console.log(str + "是一个回文字符串")
     }else{
                   console.log(str + "不是一个回文字符串")
     }
}
fn(a);
fn(b);

6、写一个函数，统计字符串里出现出现频率最多的字符

var a = "jjjjjjiiiirrrreennnnngggguuuu"
function strSta(data){
      var newArray= {},
          count = 0,
          maxvalue;
      for(i=0;i<data.length;i++){
          if(newArray[data[i]]){
            newArray[data[i]]++;
        }else{
            newArray[data[i]]=1;
        }
    }
      for(k in newArray){
          if(newArray[k] > count){
                count = newArray[k];
                maxvalue = k;
        }
    }
       console.log(maxvalue + "出现最多，有" + count +"次")
}
strSta(a)

7、写一个camelize函数，把my-short-string形式的字符串转化成myShortString形式的字符串，如

var str1 = "background-color",
      str2 = "list-style-image";
function camelize(str){
    strArr = str.split('');
    for(var i=0; i < strArr.length ; i++){
        if(strArr[i] === '-'){
            strArr.splice(i,1);
            strArr[i] = strArr[i].toUpperCase();
            i--;
        }
    }
    return strArr.join('')
}
console.log(camelize(str1))
console.log(camelize(str2))

8、写一个 ucFirst函数，返回第一个字母为大写的字符 （***）

ucFirst("hunger") == "Hunger"
function ucFirst(str){
    strArr = str.split('');
    strArr[0] = strArr[0].toUpperCase();
    return strArr.join('');
}

9、写一个函数truncate(str, maxlength), 如果str的长度大于maxlength，会把str截断到maxlength长，并加上...，如

truncate("hello, this is hunger valley,", 10) 
truncate("hello world", 20) 
function truncate(str,len){
    if(str.length <= len){
        return str;
    }
    var newstr = str.substr(0,len)+"...";
    console.log(newstr)
    return newstr;
}

10、什么是 JSON格式数据？JSON格式数据如何表示对象？window.JSON 是什么？

• JSON 格式（JavaScript Object Notation 的缩写）是一种用于数据交换的文本格式，2001年由 Douglas Crockford 提出，目的是取代繁琐笨重的 XML 格式。
• JSON 对值的类型和格式有严格的规定。
  1.复合类型的值只能是数组或对象，不能是函数、正则表达式对象、日期对象。
  2.简单类型的值只有四种：字符串、数值（必须以十进制表示）、布尔值和null（不能使用NaN, Infinity, -Infinity和undefined）。
  3.字符串必须使用双引号表示，不能使用单引号。
  4.对象的键名必须放在双引号里面。
  5.数组或对象最后一个成员的后面，不能加逗号。
• window.JSON是ECMAScript 5为了检测对JSON的支持情况定义的一个原生的浏览器内置对象，其内置了JSON.parse()和JSON.stringify()方法；

11、如何把JSON 格式的字符串转换为 JS 对象？如何把 JS对象转换为 JSON 格式的字符串?

• JSON.parse方法用于将JSON字符串转化成对象。
• JSON.stringify方法用于将一个值转为字符串。该字符串符合 JSON 格式，并且可以被JSON.parse方法还原。