字符串方法,數組的方法,字符串與數組相互轉換,回文,JSON

1.使用數組拼接出如下字符串

var prod = {
    name: '女裝',
    style: ['春季','冬季','夏季']
};
function getTpl(data){
  var arr = [];
  arr.push("<dl class=\"product\">\n");
  arr.push("\t<dt>" + data.name  +"</dt>\n");
  for(var key in data.style){
    arr.push("\t<dd>" + data.style[key] +"</dd>\n");
  }
  arr.push("</dl>");
  return arr.join("");
}
var result = getTpl(prod);
console.log(result); //result為下面的字符串

輸出:
<dl class="product">
    <dt>女裝</dt>
    <dd>短款</dd>
    <dd>冬季</dd>
    <dd>春裝</dd>
</dl>

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

• 法一:在每一行的尾部使用反斜杠''

var longString = "Long \
long \
long \
string";
console.log(longString);//"Longlong long string"

• 法二:連接運算符（+）可以連接多個單行字符串

var longString = 'Long'
  + 'long '
  + 'long '
  + 'string';
console.log(longString);//"Longlong long string"

• 法三

(function () { /*
line 1
line 2
line 3
*/}).toString().split('\n').slice(1,-1).join('\n')
// "line 1 line 2 line 3"

3.補全如下代碼,讓輸出結果為字符串: hello\饑人谷

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

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

var str = 'jirengu\nruoyu'
console.log(str.length);// 輸出13,\n是轉義字符代表換行只占據一個字符.'\'單獨使用也不算一個字符.

5.寫一個函數，判斷一個字符串是回文字符串，如 abcdcba是回文字符串, abcdcbb不是.

function isReverse(str){
  return str == str.split('').reverse().join(''); //把字符串轉為數組，并把數組翻轉然后再連接成字符串
}
var str1 = "asdfdsa";
isReverse(str1);//ture

6.寫一個函數，統計字符串里出現出現頻率最多的字符

function fn(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 is:", maxValue, "count:", count);

}
var str1 = "afggjf";
fn(str1);

7.寫一個camelize函數，把my-short-string形式的字符串轉化成myShortString形式的字符串，如

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

  var text = "background-color";
  var text2 = "list-style-image";

  function camelize(str){//以 "background-color為例
  var arr = str.split('-');//以-切割數組:[background,color]
  var arr3 = arr.slice(0,1);//切割后的第一個元素放到一個數組:[background]
  var arr2 = arr.slice(1);//切割后的除了第一個元素之后的數組:[color]
  var newArr = [];//用來保存第一個字母是大寫的數組,即第二個數組.
  for(var i = 0; i < arr2.length; i++){
    
    newArr.push(arr2[i][0].toUpperCase() + arr2[i].slice(1));//[Color]
  } 
  var arr4 = (arr3.concat(newArr)).join(""); //把第一個沒被大寫的數組和
    //被改為大寫的數組進行拼接.:[backgroundColor]
    
    return arr4;
}
    console.log(camelize(text));
    console.log(camelize(text2));

8.寫一個 ucFirst函數，返回第一個字母為大寫的字符

ucFirst("hunger") == "Hunger"

簡單法:
function fn(str){
  var s = str[0].toUpperCase();
  var b = str.substr(1);
  return s + b;
}
console.log(fn("asd"));

復雜法:
 function ucFirst(str){
  var arr = str.split('');//[a,s,d]
  var arr1 = arr.slice(0,1);//[a]
  var arr2 = arr.slice(1);//[sd]

  var newArr = [];
  newArr.push(arr1[0].toUpperCase() + arr2);//newArr=["As,d"]

  var str2 = newArr.join().replace(/,/g,'');//替換全局的','為空格
    console.log(str2);

}
   ucFirst("asmd");

9.寫一個函數truncate(str, maxlength), 如果str的長度大于maxlength，會把str截斷到maxlength長，并加上...，如

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

function fn(str,max){
  if(str.length>max){
    var arr1 = str.split('');
   arr1.splice(max,str.length-max,'...');//splice()是在第i個的前面插入,刪除第i個后面. 
  }
  console.log(arr1.join(''));//這里可以直接取,
}

str1 = "javascript";
fn(str1,5);//截取前5位字符,并加...

• splice奇怪例子
  奇怪的原因是:返回值由被刪除的元素組成的一個數組。如果只刪除了一個元素，則返回只包含一個元素的數組。如果沒有刪除元素，則返回空數組。

10.什么是 json？什么是 json 語言？JSON 語言如何表示對象？window.JSON 是什么？

• 什么是 JSON?
  JSON(JavaScript Object Notation) 是一種輕量級的數據交換格式。它基于JavaScript的一個子集。

• 什么是 JSON 語言?
  JSON采用完全獨立于語言的文本格式，但是也使用了類似于C語言家族的習慣（包括C, C++, C#, Java, JavaScript, Perl, Python等）。這些特性使JSON成為理想的數據交換語言。 易于人閱讀和編寫，同時也易于機器解析和生成(網絡傳輸速度)。

• JSON 語言如何表示對象?
  JSON 語法是 JavaScript 對象表示語法的子集.
  數據在名稱/值對中
  數據由逗號分隔.
  花括號保存對象
  方括號保存數組.
  JSON 數據的書寫格式是：名稱/值對，名稱/值對組合中的名稱寫在前面（在雙引號中），值對寫在后面(同樣在雙引號中)，中間用冒號隔開：

var json1 = {"name": "Byron", "age": "24"}

var json2 = [
    {"name": "Byron", "age": "24"}, 
    {"name": "Byron2", "age": "25"}
]

• window.JSON 是什么?
  window.JSON是瀏覽器內置對象.
  其中JSON.parse()表示把字符串解析為JSON對象;
  而JSON.stringify()表示將JSON對象解析為字符串.

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

//將對象轉換為JSON格式的字符串
var obj = {
    "name" : "luoqian",
    "age" : 21
}
JSON.stringify(obj);

//JSON格式的字符串轉換為對象
var str = '{"name":"luoqian","age":21}';
JSON.parse(str);