摘要：一定義數(shù)組是按次序排列的一組值。整個(gè)數(shù)組用方括號(hào)表示，數(shù)組的值用，分割數(shù)組的數(shù)據(jù)可以是任何類型。原數(shù)組會(huì)會(huì)變化，截取的部分自動(dòng)為一個(gè)數(shù)組返回。否則，返回函數(shù)參數(shù)數(shù)組當(dāng)前項(xiàng)的值數(shù)組當(dāng)前項(xiàng)的索引數(shù)組對(duì)象本身返回值舉個(gè)例子不會(huì)改變?cè)瓟?shù)組

數(shù)組（array）是按次序排列的一組值。每個(gè)值的位置都有編號(hào)（從0開(kāi)始）。整個(gè)數(shù)組用方括號(hào)表示，數(shù)組的值用"，"分割；數(shù)組的數(shù)據(jù)可以是任何類型。

本質(zhì)上，數(shù)組屬于一種特殊的對(duì)象，對(duì)應(yīng)的鍵名也是字符串"0", "1", "2"。。。。

var arr = ["a", "b", "c"];

Object.keys(arr)
// ["0", "1", "2"]

只能通過(guò)arr[0]的方式來(lái)獲取數(shù)組值。
因?yàn)槎鄮У臄?shù)值不能作為標(biāo)識(shí)符，arr.0的寫法不合法的。

var arr = [3, 4, 5, 6]
console.log(arr[3])      //6
console.log(arr[4])      //undefined

1)可以直接設(shè)置length長(zhǎng)度，沒(méi)有具體數(shù)值的數(shù)組值，會(huì)以空位填充

2)人為設(shè)置length小于當(dāng)前數(shù)組長(zhǎng)度，超過(guò)length長(zhǎng)度的數(shù)組的成員會(huì)被刪除
清空數(shù)組的方式，設(shè)置arr.length =0

var arr = [ "a", "b", "c" ];
arr.length // 3

arr.length = 2;
arr // ["a", "b"]

1） 運(yùn)算符in用于檢查某個(gè)鍵名是否存在，適用于對(duì)象，也適用于數(shù)組。

var arr = [ "a", "b", "c" ];
2 in arr  // true
"2" in arr // true
4 in arr // false

2） 如果數(shù)組的某個(gè)位置是空位，in運(yùn)算符返回false

var arr = [];
arr[100] = "a";

100 in arr // true
1 in arr // false

arr.push("jirengu")      //再數(shù)組最后添加一個(gè)元素
console.log(arr)         // [3, 4, 5, 6, "hello", "jirengu"]

var value = arr.pop()    //把數(shù)組最后一位彈出來(lái)，返回 
console.log(value)       //"jirengu"

arr.unshift("ruoyu")     //在數(shù)組第一位新增
console.log(arr)         //["ruoyu", 3, 4, 5, 6, "hello"]

var value2 = arr.shift() //把數(shù)組第一位拿出來(lái)返回，數(shù)組發(fā)生變化
console.log(value2)      // "ruoyu"

var arr2 = arr.splice(1, 2)
splice的第一個(gè)參數(shù)：截?cái)嚅_(kāi)始的下標(biāo)；splice的第二個(gè)參數(shù)：截?cái)嚅L(zhǎng)度。之后的參數(shù)為替換的內(nèi)容。原數(shù)組會(huì)會(huì)變化，截取的部分自動(dòng)為一個(gè)數(shù)組返回。
用途一：截?cái)鄶?shù)組

arr= [3, 4, 5, 6, "hello"]

var arr2 = arr.splice(1, 2)         //從下標(biāo)為1的元素開(kāi)始，拿出來(lái)2個(gè)元素作為一個(gè)數(shù)組返回，原數(shù)組發(fā)生改變
console.log(arr)         // [3, 6, "hello"]
console.log(arr2)        //  [4, 5]

用途二：替換數(shù)組內(nèi)容

arr= [3, 6, "hello"]
arr.splice(1, 0, 8,9)    //從下標(biāo)為1的位置（元素6）開(kāi)始，刪除0個(gè)，新增兩個(gè)元素(在6前面新增8,9)
console.log(arr)         //[3, 8, 9, 6, "hello"]

slice的第一個(gè)參數(shù)：開(kāi)始截?cái)嗟南聵?biāo)；slice的第二個(gè)參數(shù)：結(jié)束截?cái)鄶?shù)組的下標(biāo)（不包括這個(gè)數(shù)）。原數(shù)組不會(huì)變化

arr=[3, 8, 9, 6, "hello"]
var arr3 = arr.slice(2,3)           //從 arr 下標(biāo)為2開(kāi)始，到下標(biāo)為3結(jié)束(不包括3)，做為新數(shù)組，原數(shù)組不變
console.log(arr3)       // [9]
console.log(arr)        //[3, 8, 9, 6, "hello"]

原數(shù)組不變

arr=[3, 8, 9, 6, "hello"]

var str = arr.join("-")
console.log(str)        // "3-8-9-6-hello"
console.log(arr.join(",")); //"3,8,9,6,hello"

concat方法用于拼接數(shù)組，a.concat(b)返回一個(gè)a和b共同組成的新數(shù)組。
不會(huì)修改任何一個(gè)原始數(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]

用于將數(shù)組逆序，它會(huì)修改原數(shù)組

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

1）沒(méi)有參數(shù)，默認(rèn)根據(jù)字符串Unicode碼來(lái)排序。

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

var a=[7,8,9,10,11]
a.sort()
console.log(a) //[10, 11, 7, 8, 9]

2）可以自定義一個(gè)排序方式，如arr.sort([compareFunction])，比較規(guī)則如下

如果 compareFunction(a, b) 小于 0 ，那么 a 會(huì)被排列到 b 之前；

如果 compareFunction(a, b) 等于 0 ， a 和 b 的相對(duì)位置不變

如果 compareFunction(a, b) 大于 0 ， b 會(huì)被排列到 a 之前

或者是按照true和false來(lái)判斷，true的話就會(huì)調(diào)換位置。
3）原數(shù)組會(huì)改變

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
    })

這是Array對(duì)象的一個(gè)靜態(tài)函數(shù)，用來(lái)判斷一個(gè)對(duì)象是不是數(shù)組

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

這兩個(gè)方法用于查找數(shù)組內(nèi)指定元素位置，查找到第一個(gè)后返回其索引，沒(méi)有查找到返回-1，indexOf從頭至尾搜索，lastIndexOf反向搜索。

var arr =[2,3,5,7,3,9]
arr.indexOf(3) //1

1）原理：遍歷數(shù)組，參數(shù)為一個(gè)回調(diào)callback函數(shù)，回調(diào)函數(shù)有三個(gè)參數(shù)：

element：數(shù)組當(dāng)前項(xiàng)的值

index：數(shù)組當(dāng)前項(xiàng)的索引（可選）

array：數(shù)組對(duì)象本身（可選）

thisArg：當(dāng)執(zhí)行回調(diào) 函數(shù)時(shí)用作this的值。如果給forEach傳遞了thisArg參數(shù)，當(dāng)調(diào)用時(shí)，它將被傳給callback函數(shù)，作為它的this值。否則，將會(huì)傳入 undefined 作為它的this值（可選，愛(ài)用不用）

2）注意：

數(shù)組內(nèi)已刪除或者未初始化的項(xiàng)不會(huì)遍歷到

返回值是：undefined，原數(shù)組會(huì)改變，這個(gè)和map和reduce不一樣

3）舉個(gè)例子

var arr=[1,2,5,6,8]
arr.forEach(function(e,i,arr){
arr[i]=e*e
})
console.log(arr)//?[1, 4, 25, 36, 64]

1）原理：遍歷數(shù)組，對(duì)函數(shù)的每個(gè)值執(zhí)行回調(diào)函數(shù)，返回值組成一個(gè)新數(shù)組。原數(shù)組不變
2）函數(shù)參數(shù)：

element：數(shù)組當(dāng)前項(xiàng)的值

index：數(shù)組當(dāng)前項(xiàng)的索引（可選）

array：數(shù)組對(duì)象本身（可選）

thisArg：執(zhí)行 callback 函數(shù)時(shí)使用的this 值（可選）

3）返回值：
一個(gè)新數(shù)組，每個(gè)元素都是回調(diào)函數(shù)的結(jié)果

4）舉個(gè)例子

var obj2 =[{ key:1,value:2},
          { key:4,value:8},
          { key:5,value:78}]
var array= obj2.map(function(obj){
var arr2=[]
 arr2[obj.key] =obj.value
return arr2})})        
          

1）原理：遍歷數(shù)組，對(duì)數(shù)組每一個(gè)元素執(zhí)行callback函數(shù)，并將滿足條件的值返回新數(shù)組。原數(shù)組不變
2）函數(shù)參數(shù)：

element：數(shù)組當(dāng)前項(xiàng)的值

index：數(shù)組當(dāng)前項(xiàng)的索引（可選）

array：數(shù)組對(duì)象本身（可選）

thisArg：執(zhí)行 callback 函數(shù)時(shí)使用的this 值（可選）

3）返回值：
一個(gè)新的通過(guò)測(cè)試的元素的集合的數(shù)組，如果沒(méi)有通過(guò)測(cè)試則返回空數(shù)組

4）舉個(gè)例子

var a =[2,3,4,5,7,9,6]
console.log(a.filter(function(e){
return e%2==0
}))  //[2, 4, 6]

參考文獻(xiàn)

1）原理：對(duì)累計(jì)器和數(shù)組中的每個(gè)元素（從左到右）應(yīng)用一個(gè)函數(shù)，將其簡(jiǎn)化為單個(gè)值。
2）函數(shù)參數(shù)：

currentValue：數(shù)組中正在處理的元素

index：數(shù)組當(dāng)前項(xiàng)的索引（可選）

array：數(shù)組對(duì)象本身（可選）

Accumulator (累計(jì)器)：累計(jì)器累計(jì)回調(diào)的返回值; 它是上一次調(diào)用回調(diào)時(shí)返回的累積值，或initialValue（初始值）

initialValue（初始值）（可選）作為第一次調(diào)用 callback函數(shù)時(shí)的第一個(gè)參數(shù)的值。 如果沒(méi)有提供初始值，則將使用數(shù)組中的第一個(gè)元素。在沒(méi)有初始值的空數(shù)組上調(diào)用 reduce 將報(bào)錯(cuò)

3）返回值：
函數(shù)累計(jì)處理的結(jié)果

4）舉個(gè)例子

var a = [1, 2, 3, 4, 5, 6]
var sumvalue= a.reduce(function(v1,v2){
return v1+v2})

將二維數(shù)組轉(zhuǎn)化為一維

var flattened = [[0, 1], [2, 3], [4, 5]].reduce(
  function(a, b) {
    return a.concat(b);
  },
  []
);
// flattened is [0, 1, 2, 3, 4, 5]

mdn文檔
5)要點(diǎn)
回調(diào)函數(shù)第一次執(zhí)行時(shí)，accumulator 和currentValue的取值有兩種情況：如果調(diào)用reduce()時(shí)提供了initialValue，accumulator取值為initialValue，currentValue取數(shù)組中的第一個(gè)值；如果沒(méi)有提供 initialValue，那么accumulator取數(shù)組中的第一個(gè)值，currentValue取數(shù)組中的第二個(gè)值

1）原理：
every 方法為數(shù)組中的每個(gè)元素執(zhí)行一次 callback 函數(shù)，直到它找到一個(gè)使 callback 返回 false（表示可轉(zhuǎn)換為布爾值 false 的值）的元素。如果發(fā)現(xiàn)了一個(gè)這樣的元素，every 方法將會(huì)立即返回 false。否則，callback 為每一個(gè)元素返回 true，every 就會(huì)返回 true
2）函數(shù)參數(shù)：

element：數(shù)組當(dāng)前項(xiàng)的值

index：數(shù)組當(dāng)前項(xiàng)的索引（可選）

array：數(shù)組對(duì)象本身（可選）

thisArg：執(zhí)行 callback 函數(shù)時(shí)使用的this 值（可選）

3）返回值：
true/false

4）舉個(gè)例子

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

console.log(a.every(function(e){
return e>0}))  //true

5）every不會(huì)改變?cè)瓟?shù)組 mdn

1）原理：
some 為數(shù)組中的每一個(gè)元素執(zhí)行一次 callback 函數(shù)，直到找到一個(gè)使得 callback 返回一個(gè)“真值”（即可轉(zhuǎn)換為布爾值 true 的值）。如果找到了這樣一個(gè)值，some 將會(huì)立即返回 true。否則，some 返回 false
2）函數(shù)參數(shù)：

element：數(shù)組當(dāng)前項(xiàng)的值

index：數(shù)組當(dāng)前項(xiàng)的索引

array：數(shù)組對(duì)象本身

3）返回值：
true/false

4）舉個(gè)例子

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

console.log(a.some(function(e){
return e>5}))  //true

5）some不會(huì)改變?cè)瓟?shù)組