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

符合各自語法規(guī)則的字符串

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 prod = {
  name: '女裝',
  styles: ['短款', '冬季', '春裝']
};
function getTplStr(data){
//todo...
  var temp;
  var loop;
  if(data.name){
    temp = '<dl class="product"><dt>' + data.name + '</dt>';
  }

  if(data.styles){
    for(loop=0;loop<data.styles.length;loop++){
      temp += '<dd>' + data.styles[loop] + '</dd>'
    }
  }
  temp += '</dl>'
  return temp;
};
var result = getTplStr(prod);  //result為下面的字符串
console.log(result);

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

var str = 'abcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancde'

方法1：

var str = 'abcde\
abcde\
abcde\
ancde\
abcde\
abcde\
abcde\
ancde\
abcde\
abcde\
abcde\
ancde\
abcde\
abcde\
abcde\
ancde'

方法2:

var str = 'abcde'
+ 'abcde'
+ 'abcde'
+ 'ancde'
+ 'abcde'
+ 'abcde'
+ 'abcde'
+ 'ancde'
+ 'abcde'
+ 'abcde'
+ 'abcde'
+ 'ancde'
+ 'abcde'
+ 'abcde'
+ 'abcde'
+ 'ancde'

方法3：

function fn() { /*
  'abcde'
  'abcde'
  'abcde'
  'ancde'
  'abcde'
  'abcde'
  'abcde'
  'ancde'
  'abcde'
  'abcde'
  'abcde'
  'ancde'
  'abcde'
  'abcde'
  'abcde'
  'ancde'
*/};
console.log(fn.toString().split('\n').slice(1,-1).join('\n'));

3.補(bǔ)全如下代碼,讓輸出結(jié)果為字符串: "hello\\饑人谷"

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

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

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

長度13，'\n'是轉(zhuǎn)義字符串，換行，算作一個(gè)字符；

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

function isCircle(str){
  var temp;
  temp = str.split('').reverse().join('');

  return (str==temp);
}

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

var str = 'hello jirengu hahaha'
function maxWord(str){
  var dict = {};
  var result = {
    word: 'default',
    times: 0
  };

  for(var i=0;i<str.length;i++){
    if(dict[str[i]]){
      dict[str[i]]++;
    }
    else{
      dict[str[i]] = 1;
    }
  }

  for(key in dict){
    if(dict[key]){
      if(dict[key]>result.times){
        result.word = key;
        result.times = dict[key];
      }
    }
  }

  console.log(result);
}

maxWord(str);

7.寫一個(gè)camelize函數(shù)，把my-short-string形式的字符串轉(zhuǎn)化成myShortString形式的字符串，如

camelize("background-color") == 'backgroundColor'
camelize("list-style-image") == 'listStyleImage'

function camelize(str){
  var temp = [];
  for(var i=0, j=0;i<str.length;i++){
    if('-' != str[i]){
      temp[j] = str[i];
      j++;
    }
  }
  temp = temp.join('');
  return temp;
}

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

ucFirst("hunger") == "Hunger"

function ucFirst(str){
  var str1 = str.substr(0, 1);
  var str2 = str.substr(1, str.length-1);
  var result;
  result = str1.toUpperCase() + str2;
  return result;
}

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, maxLength){
  var result;
  if(maxLength < str.length){
    result = str.substr(0, maxLength) + '...';
  }
  else{
    result = str;
  }

  return result;
}

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

• JSON**(JavaScript Object Notation) 是一種輕量級的數(shù)據(jù)交換格式。 易于人閱讀和編寫。同時(shí)也易于機(jī)器解析和生成。 它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一個(gè)子集。 JSON采用完全獨(dú)立于語言的文本格式，但是也使用了類似于C語言家族的習(xí)慣

• JSON建構(gòu)于兩種結(jié)構(gòu)：
  “名稱/值”對的集合（A collection of name/value pairs）。不同的語言中，它被理解為對象（object），紀(jì)錄（record），結(jié)構(gòu)（struct），字典（dictionary），哈希表（hash table），有鍵列表（keyed list），或者關(guān)聯(lián)數(shù)組 （associative array）。
  值的有序列表（An ordered list of values）。在大部分語言中，它被理解為數(shù)組（array）。

• 對象是一個(gè)無序的“‘名稱/值’對”集合。一個(gè)對象以“{”（左括號）開始，“}”（右括號）結(jié)束。每個(gè)“名稱”后跟一個(gè)“:”（冒號）；“‘名稱/值’ 對”之間使用“,”（逗號）分隔：
  - 復(fù)合類型的值只能是數(shù)組或?qū)ο?，不能是函?shù)、正則表達(dá)式對象、日期對象。
  - 簡單類型的值只有四種：字符串、數(shù)值（必須以十進(jìn)制表示）、布爾值和null（不能使用NaN,Infinity, -Infinity和undefined）。
  - 字符串必須使用雙引號表示，不能使用單引號；
  - 對象的鍵名必須放在雙引號里面；
  - 數(shù)組或?qū)ο笞詈笠粋€(gè)成員的后面，不能加逗號
  - 空數(shù)組和空對象都是合格的 JSON 值，null本身也是一個(gè)合格的 JSON 值。

Paste_Image.png

• window.JSON是瀏覽器內(nèi)置對象，可用于判斷瀏覽器是否兼容JSON的用法

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

JSON.parse將JSON字符串轉(zhuǎn)換為JS對象；
JSON.stringify將JS對象轉(zhuǎn)換為JSON字符串