进阶任务5：字符串与JSON

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

var product = {
    name: '女装',
    styles: ['短款', '冬季', '春装']
}

function getTpl(product) {
  var str = '<dl>'
  str += '     <dt>' + product.name + '</dt>'
  for(var i = 0; i < product.styles.length; i++) {
    str += '   <dd>' + product.styles[i] + '</dd>'
  }
  str += '   </dl>'
  return str;
}                                   
console.log(getTpl(product)) 

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

第一种：
var str1 = "hello \
                  jirengu";

第二种：
var str2 =“hello" \
              +"jirengu”

第三种：
var str = (function(){/*
    hello
    jirengu
    world
*/}).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不是

function fn(str1){
         var str2 = str1.split('').reverse().join('');
        if(str1 === str2){
               console.log("true")
       }else{
            console.log('false'){
       }
}
    fn('abcdcba');//true
    fn('abcdcbb');//false

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

function fn(str){
    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 maxFn;
    for(var key in dict){
        if(dict[key] > count){
            maxFn = key;
            count = dict[key];
        }
    }
    console.log(str + "字符串中出现频率最多的字符是：" + maxFn + ",共出现了" + count + "次");
}

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

var str = "background-color"
function camelize(str){
    var words = str.split("-");
    for(var i = 1; i < words.length; i++){
        words[i] = words[i].replace(words[i][0], words[i][0].toUpperCase());
    }
    return words.join('');
}
camelize("background-color") == 'backgroundColor'
camelize("list-style-image") == 'listStyleImage'

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

function ucFirst(str){
        var arr = [];
        arr.push(str[0].toUpperCase());
        for(var i=1;i<str.length;i++){
            arr.push(str[i])
        }
        var str2 = arr.join('');
        return str2
    }

ucFirst("hunger") == "Hunger"

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, length){
    if(str.length > length){
        str = str.substr(0, length) + "...";
    }
    return str;
}

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

• json(JavaScript Object Notation) 是一种轻量级的数据交换格式。
• JSON以键/值对形式保存对象，键名前必须加双引号，如
  {"firstName": "John"}
• window.JSON是浏览器内置对象，可用于判断浏览器是否兼容JSON的用法

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

• 把JSON 格式的字符串转换为 JS 对象：使用parse方法

var json = JSON.parse('{"a": "Hello","b": "World"}');
console.log(json);
/* {"a":"Hello","b":"World"} */

• 把JS对象转换为JSON格式的字符串：使用stringify方法

var str=JSON.stringify('{name: "John",age: 25}');
console.log(str);
//"{name: \"John\",age: 25}"