0、對于 HTTP 協(xié)議而言，HTML、CSS、JS、JSON 的本質(zhì)都是什么？

對于HTTP協(xié)議，HTML/CSS/JS/JSON的本質(zhì)都是字符串。只不過html是符合html語法的字符串，css是符合css語法的字符串，js與json也是符合各自語法的字符串。

1、使用數(shù)組拼接出如下字符串 ，其中styles數(shù)組里的個(gè)數(shù)不定

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>

代碼

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

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

var result = getTpl(product)
console.log(result)

2、寫出兩種以上聲明多行字符串的方法

例如：

var str = 'abcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeanccdeancde'

這段字符串很長，如何多行優(yōu)雅的顯示

// 方法一
var str = 'abcdeabcdeab\
           cdeancdeabcd\
           eabcdeabcdea\
           ncdeabcdeabd\
           eabcdeancdea\
           bcdeabcdeabc\
           deancde'

// 方法二
var str = 'abcdeabcdeab' +
          'cdeancdeabcd' +
          'eabcdeabcdea' +
          'ncdeabcdeabd' +
          'eabcdeancdea' +
          'bcdeabcdeabc' +
          'deancde'

// 方法三
(function () { /*
          abcdeabcdeab
          cdeancdeabcd
          eabcdeabcdea
          ncdeabcdeabd
          eabcdeancdea
          bcdeabcdeabc
          deancde
*/}).toString().split('\n').slice(1,-1).join('\n')
// abcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeanccdeancde

3、補(bǔ)全如下代碼,讓輸出結(jié)果為字符串: hello\\world

  var str = "hello \\\\ world "
  console.log(str)

4、以下代碼輸出什么?為什么

  var str = 'jirengu\nruoyu'   //   \n相當(dāng)于一個(gè)字符
  console.log(str.length)  //   13

5、寫一個(gè)函數(shù)，判斷一個(gè)字符串是回文字符串，如 abcdcba是回文字符串, abcdcbb不是

function judgeEqual(str){
    return str === str.split('').reverse().join('');
}

6、寫一個(gè)函數(shù)，統(tǒng)計(jì)字符串里出現(xiàn)出現(xiàn)頻率最多的字符

    var str = 'svnaobnfa sjnadjf k snvjdfnjdsnfb' ; 
    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(count,maxValue)  // 6 "n"

7、寫一個(gè)camelize函數(shù)，把my-short-string形式的字符串轉(zhuǎn)化成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++){
      arr[i] = arr[i][0].toUpperCase() + arr[i].substr(1)
    }
    return arr.join('')
  }
  console.log( camelize("background-color") )

8、寫一個(gè) ucFirst函數(shù)，返回第一個(gè)字母為大寫的字符 （***）

ucFirst("hunger") == "Hunger"

代碼

function ucFirst(str){
    return str[0].toUpperCase()+str.slice(1).toLowerCase();
}

9、寫一個(gè)函數(shù)truncate(str, maxlength), 如果str的長度大于maxlength，會(huì)把str截?cái)嗟絤axlength長，并加上...，如

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

代碼

function truncate(str,maxlen){
    if(str.length < maxlen){
        return str;
    }
    return str.substr(0,maxlen) + '...';
}

10、什么是 JSON格式數(shù)據(jù)？JSON格式數(shù)據(jù)如何表示對象？window.JSON 是什么？

JSON(JavaScript Object Notation)是一種輕量級(jí)的數(shù)據(jù)交換格式。它基于JavaScript（Standard ECMA-262 3rd Edition - December 1999）的一個(gè)子集。 JSON采用完全獨(dú)立于語言的文本格式，但是也使用了類似于C語言家族的習(xí)慣（包括C, C++, C#, Java, JavaScript, Perl, Python等）。這些特性使JSON成為理想的數(shù)據(jù)交換語言。 易于人閱讀和編寫，同時(shí)也易于機(jī)器解析和生成(網(wǎng)絡(luò)傳輸速度)。

JSON 語法是 JavaScript 對象表示語法的子集。

• 數(shù)據(jù)在名稱/值對中
• 數(shù)據(jù)由逗號(hào)分隔
• 花括號(hào)保存對象
• 方括號(hào)保存數(shù)組

// JSON 數(shù)據(jù)的書寫格式是：名稱/值對，名稱/值對組合中的名稱寫在前面（在雙引號(hào)中），
// 值對寫在后面(同樣在雙引號(hào)中)，中間用冒號(hào)隔開：
var json1 = {"name": "Byron", "age": "24"}
var json2 = [
    {"name": "Byron", "age": "24"}, 
    {"name": "Byron2", "age": "25"}
]

表示對象：一個(gè)對象以“{”（左括號(hào)）開始，“}”（右括號(hào)）結(jié)束。每個(gè)“名稱”后跟一個(gè)“:”（冒號(hào)）；“名稱/值對”之間使用“,”（逗號(hào)）分隔。

window.JSON就是瀏覽器對JSON對象的支持，IE瀏覽器需在IE8及以上才支持JSON對象，其他瀏覽器都支持JSON對象。

11、如何把JSON 格式的字符串轉(zhuǎn)換為 JS 對象？如何把 JS對象轉(zhuǎn)換為 JSON 格式的字符串?

• 把JSON格式的字符串轉(zhuǎn)換為JS對象 parse

  var str = '{ "name":"alutier","age":"24"}'
  var obj = JSON.parse(str)

  console.log(obj)

• 把js對象轉(zhuǎn)換為JSON格式的字符串 infoString

  var info = { "name":"alutier","age":"24","sex","male"}
  var infoString = JSON.stringigy(info)

  console.log(infoString)