进阶任务5

1.使用数组拼接出如下字符串###

var prod = {
    name: '女装',
    styles: ['短款', '冬季', '春装']
};
function getTpl(data){
  var newArr = [];
    newArr.push("<dl class='product'>");
    for(key in data ) {
        if (typeof data[key] !== 'object') {
            newArr.push("<dt>"+data[key]+"</dt>")
        } else {
            for (var i = 0; i < data[key].length; i++) {
                newArr.push("<dd>"+data[key][i]+"</dd>")
            }
        }
    }
    newArr.push("</dl>")
    return newArr.toString();
 
};
var result = getTplStr(prod);  //result为下面的字符串

<dl class="product">
    <dt>女装</dt>
    <dd>短款</dd>
    <dd>冬季</dd>
    <dd>春装</dd>
</dl>

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

例如：

var str = 'abcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancde'

//方法1
var str2 = "abcde\
abcde\
abcde\
abcde\
abcde\
abcde\
abcde\
abcde\
abcde\
abcde\
abcde\
abcde\
abcde\
abcde"

//方法2 缺点是后期使用压缩工具优化代码时不适用
var fn = function() {/*
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
*/};
console.log(fn.toString().split('\n').slice(1,-1).join(''))

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

var str = 'hello\\\\饥人谷'
console.log(str)

4.以下代码输出什么?为什么###

var str = 'jirengu\nruoyu'
console.log(str.length) //13 \n表示转义，代表换行，也占用一个字符位置

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

function pla(str) {
    if (typeof str !== 'string') {
        alert("Only string is allowed")
        return;
    } 
    var newStr = str.split('').reverse().join('')
    if (str===newStr) {
        alert("It's a  plalindrome")
    } else {
        alert("It's not a  plalindrome")
    }
}

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

function maxFreq(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 maxValue;
    for(key in dict) {
        if (dict[key]>count) {
            maxValue=key;
            count=dict[key];
        }
    }
    console.log(maxValue+':'+count);
 }

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

 function camelize(str) {
    var arr = [];
    for (var i = str.length ; i >= 0; i--) {
        if (str[i-1]=== '-') {
            arr.push(str[i].toUpperCase());
        } else  if(str[i]==='-') {
           continue;
        } else {
            arr.push(str[i])
        } 
    }
    return arr.reverse().join('')
}

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

ucFirst("hunger") == "Hunger"

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

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,maxlength) {
    if (str.length >= maxlength) {
      var newStr = str.slice(0,maxlength)+'...'
      return newStr;
    } else {
        return str;
    } 
}

10.什么是 JSON格式数据？JSON格式数据如何表示对象？window.JSON 是什么？11、如何把JSON 格式的字符串转换为 JS 对象？如何把 JS对象转换为 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对象表示语法的子集
1、数据在名称/值对中
2、数据由逗号分隔开
3、花括号保存对象
4、方括号保存数组
JSON表示对象的方式：以“{”（左括号）开始，“}”（右括号）结束。每个“名称”后跟一个“:”（冒号）；“名称/值对”之间使用“,”（逗号）分隔。例如 ：obj{key1: value1,key2: value2}。

window.JSON 用于判断浏览器是否兼容JSON的用法

JSON.parse()将一个字符串解析为JSON，可选地转换生成的值及其属性，并返回值。
JSON.stringify()返回与指定值相对应的一个JSON字符串，可选地仅包含某些属性或以用户定义的方式替换属性值。*