进阶5作业

0、对于 HTTP 协议而言，HTML、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>
function getTpl(data) {
var str;
var length = data.styles.length;
var arr = [];
for(var i = 0; i < length; i++) {
arr[i] = '<dd>' + data.styles[i] + '</dd>';
}
var str1 = arr.join('');
// console.log(str1);
str = '<dl class="product"><dt>' + data.name + '</dt>' + str1 + '</dl>';
return str;
}
var result = getTpl(prod);
console.log(result);

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

例如：
var str ='abcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancde'
这段字符串很长，如何多行优雅的显示

var str = 'abcdeabcdeabcdeancde\
abcdeabcdeabcdeancd\
eabcdeabcdeabcdeancd\
eabcdeabcdeabcdeancde'

var str = 'abcdeabcdeabcdeancde'
    + 'abcdeabcdeabcdeancd'
    + 'eabcdeabcdeabcdeancd'
    + 'eabcdeabcdeabcdeancde';

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

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

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

var str = 'jirengu\nruoyu'
console.log(str.length)

输出的结果是13，因为‘\n’表示的换行符，表示的一个字符。

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

function isPalindrome(str) {
    var str1 = str.split('').reverse().join('');
    if(str1 === str) {
        console.log(str + '是回文');
    } else {
        console.log(str + '不是回文')
    }
}

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

function Most(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) {
            count = dict[key];
            maxValue = key;
        }
    }
    console.log(maxValue);
}

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++) {
        var b = arr[i].substring(0,1).toUpperCase(); 
        var c = arr[i].substring(1).toLowerCase();
        arr[i] = b + c;
    }
    console.log(arr.join(''));
}

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

ucFirst("hunger") == "Hunger"

function ucFirst(str) {
    var str1 = str.toLowerCase();
    var  a = str1.substring(0,1).toUpperCase();
    var b = str1.substring(1).toLowerCase();
    var str1 = a + b;
    console.log(str1);
}

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) {
        console.log(str.substring(0, maxlength) + '...');
    } else {
            console.log(str);
    }
}

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

JSON 格式是一种用于数据交换的文本格式。
JSON对值的类型和格式有严格的规定
1、复合类型的值只能是数组或对象，不能是函数、正则表达式对象，日期对象。
2、简单类型的值只有四种: 字符串，数值，布尔值和null(不能使用NaN，Infinity，-Infinity 和undefined)。
3、字符串必须使用双引号表示，不能使用单引号。
4、对象的键名必须放在双引号里面
5、数组或对象最后一个成员的后面，不能加逗号。
举列说明

var json = {
    "name": "Byron",
    "age": 24
};

里面是符合json格式的。
window.JSON。是浏览器内置的对象。

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

JSON.parse(str)
JSON.stringify(obj)