摘要：數組作為一種重要的數據類型，除了基礎的幾個方法外，還有很多實用的方法也是我們的必備技能。原數組不會改變。詳細語法請參考讓每個人都干點啥方法對數組的每個元素執行一次提供的函數，該方法沒有返回值。

數組作為一種重要的數據類型，除了基礎的 pop、push、shift、unshift 幾個方法外，還有很多實用的方法也是我們的必備技能。

假設我們有一隊人，如下圖：

我們要對其進行一些排序或篩選的操作（比喻按高矮排序，篩選女性等），我們都可以通過數組來進行操作。

注：這里更側重講解如何使用，至于詳細方法請參考：數組 | MDN

首先我們用數組定義該數據（為了簡單起見，我們數據就不搞那么多）：

var aPerson = ["person1", "person2", "person3", "person4", "person5", "person6"]

slice

現在假設我們要抽取三個人，我們可以使用slice()方法來選取三個人，如下：

var aP3 = aPerson.slice(1, 4);
console.log(aPerson); // ["person1", "person2", "person3", "person4", "person5", "person6"]
console.log(aP3); // ["person2", "person3", "person4"]

該方法返回一個從開始到結束（不包括結束）選擇的數組的一部分淺拷貝到一個新數組對象。原數組不會改變。

詳細語法請參考：slice

splice

同樣我們還可以使用splice()方法來選取，如下：

var aPerson = ["person1", "person2", "person3", "person4", "person5", "person6"]
var aP3 = aPerson.splice(1, 3);
console.log(aPerson); // ["person1", "person5", "person6"]
console.log(aP3); // ["person2", "person3", "person4"]

該方法通過刪除現有元素或添加新元素來更改數組的內容。原數組會改變。

對于 slice 來說，splice 的功能會更強大點，其區別主要在于：

slice 不改變原數組，而 splice 則會改變

slice 的第二個參數為截至的索引值，而 splice 則表示要截取的個數

splice 還能用于增加元素，slice 則不可以

詳細語法請參考：splice

concat

除了從隊伍里抽出一些人出來，我們還可以把另外一個隊伍和這個隊伍合并成一個新隊伍，如下：

var aPerson1 = ["person1", "person2", "person3", "person4", "person5", "person6"]
var aPerson2 = ["person7", "person8", "person9"];

var aPerson3 = aPerson1.concat(aPerson2);
console.log(aPerson3); // ["person1", "person2", "person3", "person4", "person5", "person6", "person7", "person8", "person9"]

concat() 方法用于合并兩個或多個數組。此方法不會更改現有數組，而是返回一個新數組。

詳細語法請參考：concat

現在我們以高矮的形式定義一組數據，如下：

var aHeight = ["170", "165", "178", "183", "168", "175", "173"];

reverse

我們可以直接使用reverse()方法來實現倒序，如下：

aHeight.reverse();
console.log(aHeight); // ["173", "175", "168", "183", "178", "165", "170"]

該方法非常簡單，沒有任何參數，就是把數組的出現順序調換下，第一個元素會成為最后一個，最后一個會成為第一個。一般也很少用到。

sort

比起 reverse() 來說，sort() 方法使用的地方就多了。我們先來個從矮到高的排序，如下：

aHeight.sort();
console.log(aHeight); // ["165", "168", "170", "173", "175", "178", "183"]

sort() 方法默認的排序是升序，如上代碼可見。但是我們也可以傳入一個函數，指定其排序方式，如現在讓其以降序方式排列：

aHeight.sort(function(a, b){
    return b - a;
});
console.log(aHeight); // ["183", "178", "175", "173", "170", "168", "165"]

詳細語法請參考：sort

隨機排序

除了正常的升序降序之外，其實我們還經常使用到隨機排序，如我們的搶紅包，棋牌游戲中的洗牌都是隨機排序的應用。

在使用隨機排序的時候，我們得使用到一個隨機函數 Math.random()。
該函數返回一個浮點數, 其數字在范圍[0，1)。

這樣我們就可以使用該隨機生成浮點數與0.5大小進行比較，那樣結果可能大于或小于0，最后就得到了我們的隨機排序。

// 第一次運行
aHeight.sort(function(){
    return 0.5 - Math.random();
});
console.log(aHeight); // ["183", "168", "175", "173", "170", "165", "178"]

// 第二次運行
aHeight.sort(function(){
    return 0.5 - Math.random();
});
console.log(aHeight); // ["170", "183", "175", "168", "173", "165", "178"]

因為是隨機的，所以每次運行都會不一樣，我們可以多運行幾次試試。

現在我們以膚色和年齡的的形式定義兩組數據，如下（yellow 表示黃種人，white 表示白人，black 表示黑人）：

var aColor = ["yellow", "black", "white", "white", "yellow", "yellow"];
var aAge = [19, 30, 25, 37, 18, 35];

every

every() 方法用于測試數組的所有數據是否都通過了指定函數的測試，如果通過返回 true，否則 false。

比喻判斷是否所有人的年齡都大于20歲，如下：

var ageTest = aAge.every(function(item, index){
    return item > 20;
})

console.log(ageTest); // false

every 需要數組中的每個數據都滿足該條件則返回 true，否則就是 false。

詳細語法請參考：every

some

對應 every() 方法，還有一個 some() 方法，表示數組中只要有任何一個數據滿足條件則返回 ture，如果一個數據都不滿足則返回 false。

比喻判斷是否有人的年齡都大于32歲，如下：

var ageTest2 = aAge.some(function(item, index){
    return item > 32;
})

console.log(ageTest2); // true

詳細語法請參考：some

includes

includes() 方法用來判斷當前數組是否包含某指定的值，如果是，則返回 true，否則返回 false。

比喻判斷是否有35歲的人，如下：

var ageTest3 = aAge.includes(35);
var ageTest4 = aAge.includes(28);

console.log(ageTest3); // true
console.log(ageTest4); // false

filter

比喻我要選取所有黃皮膚的人，如下：

var aYellow = aColor.filter(function(item, index) {
    return item === "yellow";
})

console.log(aYellow); // ["yellow", "yellow", "yellow"]

該方法返回所有滿足條件數據組成的數組。

詳細語法請參考：filter

讓每個人都干點啥

forEach

forEach() 方法對數組的每個元素執行一次提供的函數，該方法沒有返回值。

比喻過節的時候給每個人去老板那邊領個紅包，如下：

var aPerson = ["person1", "person2", "person3", "person4", "person5", "person6"]

aPerson.forEach(function(item, index) {
    console.log(item + "領取了 200 元紅包")
})

詳細語法請參考：forEach

map

map() 方法創建一個新數組，其結果是該數組中的每個元素調用一個提供的函數。

比喻每個人的工資都增加 5000元，如下：

// 先構造一份工資數據
var aSalary = [8000, 7000, 1500, 9000, 22000];

var aNewSalary = aSalary.map(function(item, index) {
    return item + 5000;
})

console.log(aNewSalary); // [13000, 12000, 6500, 14000, 27000]

詳細語法請參考：map

除了上面說的那些方法之外，還有一些常用方法，如 indexOf、join 等等，這里就不再一一說明了，具體可參考：數組 | MDN

總之，數組的方法一定要了如指掌，如果你實在記不住，那也必須知道有這么個東西，以后知道怎么查閱，因為平時做業務的時候處理數據就需要這些各種方法。