合格范例如下：

["one", "two", "three"]

{ "one": 1, "two": 2, "three": 3 }

{"names": ["張三", "李四"] }

[ { "name": "張三"}, {"name": "李四"} ]

需要注意的是，空數(shù)組和空對象都是合格的 JSON 值。

二、stringify()與parse()

• JSON.stringify方法用于將一個值轉(zhuǎn)為字符串。該字符串符合 JSON 格式，并且可以被JSON.parse方法還原。
• 對于原始類型的字符串，JSON.stringify轉(zhuǎn)換結(jié)果會帶雙引號。如果原始對象中，有一個成員的值是undefined、函數(shù)或 XML 對象，這個成員會被過濾；如果數(shù)組的成員是undefined、函數(shù)或 XML 對象，則這些值被轉(zhuǎn)成null；正則對象會被轉(zhuǎn)成空對象。
• 如果傳入的字符串不是有效的JSON格式，JSON.parse方法將報錯。

數(shù)組操作

一、基本方法

1. 創(chuàng)建數(shù)組：

var a = [1,2,3];

2. 刪除數(shù)組：

delete a[2];

二、堆棧方法

pop和push能夠讓我們使用堆棧那樣先入后出使用數(shù)組：

var a = [1, 2, 3];
a.push(4);
console.log(a);//[1, 2, 3, 4]
console.log(a.length);//4
console.log(a.pop());//4
console.log(a); //[1, 2, 3]
console.log(a.length);//3

三、隊列方法

shift方法可以刪除數(shù)組index最小元素，并使后面元素index都減一，length也減一，這樣使用shift/push就可以模擬隊列了，對應(yīng)的有一個unshift方法，用于向數(shù)組頭部添加一個元素：

var a=[1, 2, 3];
a.unshift(4);
console.log(a);//[4, 1, 2, 3]
console.log(a.length);//4
console.log(a.shift());//4
console.log(a); //[1, 2, 3]
console.log(a.length);//3

四、splice方法

JavaScript提供了一個splice方法用于一次性解決數(shù)組添加、刪除（這兩種方法一結(jié)合就可以達到替換效果），方法有三個參數(shù)：

1. 開始索引
2. 刪除元素的位移
3. 插入的新元素，當(dāng)然也可以寫多個

splice方法返回一個由刪除元素組成的新數(shù)組，沒有刪除則返回空數(shù)組。

var a = [1, 2, 3, 4, 5];
console.log(a.splice(1,3));//[2, 3, 4]
console.log(a.length);//2
console.log(a);//[1,5]

var a = [1,2,3,4,5];
a.splice(1,0,9,99,999);
console.log(a.length); //8
console.log(a);//[1, 9, 99, 999, 2, 3, 4, 5]
a.splice(1,3,8,88,888);
console.log(a.length);//8
console.log(a);//[1, 8, 88, 888, 2, 3, 4, 5]

五、常用方法

1. join(char)：作用是把數(shù)組元素（對象調(diào)用其toString()方法）使用參數(shù)作為連接符連接成一字符串，不會修改原數(shù)組內(nèi)容：

var a = [1,2,3,4,5];
console.log(a.join(',')); //1,2,3,4,5
console.log(a.join(' ')); //1 2 3 4 5

2. slice[start, end]：用于返回數(shù)組中一個片段或子數(shù)組，如果只寫一個參數(shù)返回參數(shù)到數(shù)組結(jié)束部分，如果參數(shù)出現(xiàn)負數(shù)，則從數(shù)組尾部計數(shù)（如-3即數(shù)組倒第三個），如果start大于end返回空數(shù)組，值得注意的一點是slice不會改變原數(shù)組，而是返回一個新的數(shù)組：

var a = [1,2,3,4,5];
console.log(a); //[1, 2, 3, 4, 5]
console.log(a.slice(1,2));//2
console.log(a.slice(1,-1));//[2, 3, 4]
console.log(a.slice(3,2));//[]
console.log(a); //[1, 2, 3, 4, 5]

3. concat(array)：用于拼接數(shù)組，a.concat(b)返回一個a和b共同組成的新數(shù)組，同樣不會修改任何一個原始數(shù)組，也不會遞歸連接數(shù)組內(nèi)部數(shù)組：

var a = [1,2,3,4,5];
var b = [6,7,8,9];
console.log(a.concat(b));//[1, 2, 3, 4, 5, 6, 7, 8, 9]
console.log(a); //[1, 2, 3, 4, 5]
console.log(b); //[6, 7, 8, 9]

4. reverse()：用于將數(shù)組逆序，與之前不同的是它會修改原數(shù)組

var a = [1,2,3,4,5];
a.reverse();
console.log(a); //[5, 4, 3, 2, 1]

5. sort：用于對數(shù)組進行排序，當(dāng)沒有參數(shù)的時候會按字母表升序排序，如果含有undefined會被排到最后面，對象元素則會調(diào)用其toString方法，如果想按照自己定義方式排序，可以傳一個排序方法進去，很典型的策略模式，同樣sort會改變原數(shù)組。

var a = [7,8,9,10,11]

    a.sort(function(v1,v2){
        return v1-v2
    })
    console.log(a) //[7, 8, 9, 10, 11]

    var users = [
        {
            name: 'aaa',
            age: 21
        },
        {
            name: 'baa',
            age: 18
        },
        {
            name: 'abc',
            age: 24
        }
    ]
    // 按age 從小到大排序

    var sortByAge = users.sort(function(v1, v2){
        return  v1.age > v2.age
    })

  // 按name從大到小排序
    var sortByName = users.sort(function(v1, v2){
        return  v1.name > v2.name
    })

ES5數(shù)組方法

• Array.isArray(obj)：用來判斷一個對象是不是數(shù)組。

var a = [];
var b = new Date();
console.log(Array.isArray(a)); //true
console.log(Array.isArray(b)); //false

• .indexOf(element)/.lastIndexOf(element)：用于查找數(shù)組內(nèi)指定元素位置，查找到第一個后返回其索引，沒有查找到返回-1，indexOf從頭至尾搜索，lastIndexOf反向搜索。

var a = [1,2,3,3,2,1]
console.log(a.indexOf(2)) //1
console.log(a.lastIndexOf(2)) //4

• .forEach(element, index, array)：遍歷數(shù)組，參數(shù)為一個回調(diào)函數(shù)，回調(diào)函數(shù)有三個參數(shù)：當(dāng)前元素、當(dāng)前元素索引值、整個數(shù)組

var a = new Array(1,2,3,4,5,6);
a.forEach(function(e,i,array){
    array[i]= e + 1;
});
console.log(a); //[2, 3, 4, 5, 6, 7]

• .every(function(element, index, array))/ .some(function(element, index, array))：這兩個函數(shù)類似于離散數(shù)學(xué)中的邏輯判定，回調(diào)函數(shù)返回一個布爾值。
  every是所有函數(shù)的每個回調(diào)函數(shù)都返回true的時候才會返回true，當(dāng)遇到false的時候終止執(zhí)行，返回false；
  some函數(shù)是“存在”有一個回調(diào)函數(shù)返回true的時候終止執(zhí)行并返回true，否則返回false。
  在空數(shù)組上調(diào)用every返回true，some返回false

var a = [1, 2, 3, 4, 5, 6]

console.log(a.every(function(e, i, arr){
return e < 5
}))

console.log(a.some(function(e,i,arr){
  return e > 4

• .map(function(element))：與forEach類似，遍歷數(shù)組，回調(diào)函數(shù)返回值組成一個新數(shù)組返回，新數(shù)組索引結(jié)構(gòu)和原數(shù)組一致，原數(shù)組不變

var a = [1, 2, 3, 4, 5, 6]

console.log(a.map(function(e){
  return e * e
}))  // [1, 4, 9, 16, 25, 36]

console.log(a) //[1, 2, 3, 4, 5, 6]

• .filter(function(element))：返回數(shù)組的一個子集，回調(diào)函數(shù)用于邏輯判斷是否返回，返回true則把當(dāng)前元素加入到返回數(shù)組中，false則不加。新數(shù)組只包含返回true的值，索引缺失的不包括，原數(shù)組保持不變

var a = [1, 2, 3, 4, 5, 6]

console.log(a.filter(function(e){
  return e % 2 == 0;
})) // [2, 4, 6]

console.log(a) //[1, 2, 3, 4, 5, 6]

• .reduce(function(v1, v2), value) /.reduceRight(function(v1, v2), value)：遍歷數(shù)組，調(diào)用回調(diào)函數(shù)，將數(shù)組元素組合成一個值，reduce從索引最小值開始，reduceRight反向，方法有兩個參數(shù)：1.回調(diào)函數(shù)：把兩個值合為一個，返回結(jié)果；2.value，一個初始值,可選

var a = [1, 2, 3, 4, 5, 6]
var b = a.reduce(function(v1, v2){ return v1 + v2 }) console.log(a) // 21
var b = a.reduceRight(function(v1, v2){ return v1 - v2 }, 100)
console.log(b) // 79

字符串

一、轉(zhuǎn)義

• 如果要在單引號字符串的內(nèi)部，使用單引號（或者在雙引號字符串的內(nèi)部，使用雙引號），就必須在內(nèi)部的單引號（或者雙引號）前面加上反斜杠，用來轉(zhuǎn)義。

'Did she say \'Hello\'?'
// "Did she say 'Hello'?"

"Did she say \"Hello\"?"
// "Did she say "Hello"?"

• 如果字符串的正常內(nèi)容之中，需要包含反斜杠，則反斜杠前需要再加一個反斜杠，用來對自身轉(zhuǎn)義。

二、多行

• 字符串默認只能寫在一行內(nèi)，分成多行將會報錯。因此可用如下方法進行多行編寫：

1. 可以在每一行的尾部使用反斜杠/。反斜杠的后面必須是換行符，而不能有其他字符（比如空格），否則會報錯。
2. 連接運算符+可以連接多個單行字符串，用來模擬多行字符串。
3. 使用“``”：

var str =  `
你好
這里是饑人谷
jirengu.com
開啟你的前端之路
`

Math函數(shù)與Date函數(shù)

講義鏈接