字符串与JSON

进阶5备忘：在初次写代码时忘记了:字符串的截取方法slice() 字符替换方法replace(),和数组元素拼接方法join().导致要实现同样的功能时都是将字符串转换为数组来操作，代码长了很多。

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){
    var a=[data.name];
    var b=data.styles;
    var c=a.concat(b);
    var str1 = '<dl class="product"><dt>' + c[0] + "</dt>";
    for (var i=1;i<c.length;i++){
        if(i === (c.length-1)){
            str1 = str1 + '<dd>' + c[i] + '</dd></dl>';
        }else {
            str1 = str1 + '<dd>' + c[i] + '</dd>';
        }
    }
    return str1
}
var result = getTpl(prod);  //result为下面的字符串
console.log(result)
//<dl class="product"><dt>女装</dt><dd>短款</dd><dd>冬季</dd><dd>春装</dd></dl>

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

例如：

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

方法1: 末位加‘\’然后接回车

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

方法2：使用+来黏贴多行字符串

var str = 'abcdeabcdeabcd'
+'eancdeabcdeabcdeabcd'
+'eancdeabcdeabcdeabcdean'
+'cdeabcdeabcdeabcdeancde'

方法3：多行注释

(function () { /*
    abcdeabcdeabcdeancde
    abcdeabcdeabcdeancde
    abcdeabcdeabcdeancde
    abcdeabcdeabcde
*/}).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为换行转义字符，长度为1。

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

var str1 = "abcdcba"
function huiwen(str) {
    var wordList1 = str.split('');
    wordList1 = wordList1.reverse();
    var str2 = wordList1.join('');
    return str === str2
}
console.log(huiwen(str1))

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

var str1 = "abcdcbadffasfecf"
function wordCount(str) {
    var wordList = str.split('');
    var count = {};
// 统计每个字符出现次数
    for (var i in wordList){ 
        a = wordList[i];
        if(!(count[a])){
            count[a]= 1;
        }
        else{
            count[a] = count[a] + 1;
        }
    }
// 找出最多的字符
    var maxValue = '';
    var number = 0;
    for (var key in count){
        if(count[key]>number){
            maxValue = key;
            number = count[key];
        }
    }
    return [maxValue,number]
}
wordCount(str1)

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

方法1：
function camelize(str) {
    var wordList = str.split('');
    for (var i=0;i<wordList.length;i++){
        if(wordList[i]=='-'){
            wordList.splice(i,1);
            wordList[i] = wordList[i].toUpperCase();
            i--;
        }
    }
    var str2 = '';
    for (i in wordList){
        str2 = str2 + wordList[i];
    }
    return str2

}
a=(camelize("background-color") == 'backgroundColor');
b=(camelize("list-style-image") == 'listStyleImage');
console.log(a); //true
console.log(b); //true

方法2：
    function camelize(str) {
    var wordList = str.split('-');
    for (var i=1;i<wordList.length;i++){
        wordList[i]=wordList[i].replace(wordList[i][0],wordList[i][0].toUpperCase())
    }
    var str2 = wordList.join('');
    return str2
    }

   a=(camelize("background-color") == 'backgroundColor');
   b=(camelize("list-style-image") == 'listStyleImage');
   console.log(a); //true
   console.log(b); //true

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

方法1：
function ucFirst(str) {
    wordList = str.split('');
    wordList[0] = wordList[0].toUpperCase();
    str2 = '';
    for (var i in wordList){
        str2 = str2 + wordList[i];
    }
    return str2
}

a=(ucFirst("hunger")=="Hunger");
console.log(a);//true

方法2：
function ucFirst(str) {
    var str2 = str.replace(str[0],str[0].toUpperCase());
    return str2
}

a=(ucFirst("hunger")=="Hunger");
console.log(a);//true

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

方法1：
function truncate(str,n) {
    var len = str.length;
    var str1 = '';
    wordList = str.split('');
    if (len>n){
        var a = len-n;
        wordList.splice(n,a);
        for (i in wordList){
            str1 = str1 + wordList[i];
        }
        str1 = str1 + '...';
        str = str1;
    }
    console.log(str);
    return str
}

truncate("hello, this is hunger valley,", 10) == "hello, thi...";
truncate("hello world", 20) == "hello world"

方法2：
function truncate(str,n) {
    var len = str.length;
    if (len>n){
        str = str.slice(0,n);
        str = str + '...';
    }
    console.log(str);
    return str
}

truncate("hello, this is hunger valley,", 10) == "hello, thi...";
truncate("hello world", 20) == "hello world"

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

• JSON格式数据：

• 表示对象：一个对象以{开始，并以}结束。一个对象包含一系列非排序的名称/值对，每个名称/值对之间使用,分区。以""括起来的一串字符。

  
  object
• window.JSON:是浏览器的内置对象（本地化的JSON对象），用来检测对JSON的支持情况， 首批被浏览器支持的功能之一，所有新的浏览器都支持window.JSON，将来JSON必将大量应用于HTML5应用中。

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

var json = {
    "name": "Max",
    "age": 28};
// JS对象转换为 JSON 格式的字符串 JSON.stringfy()
var json_str = JSON.stringify(json);
console.log(json_str); //{"name":"Max","age":28}
//把JSON 格式的字符串转换为 JS 对象 JSON.parse()
var obj = JSON.parse(json_str);
console.log(obj); //{ name: 'Max', age: 28 }