---

一、forEach()

不改變原數組，沒有返回值，會返回新數組
功能：用于調用數組的每個元素，并將元素傳遞給回調函數。
數組中的每個值都會調用回調函數，回調函數有三個參數：

• currentValue： 必需。當前元素

• index： 可選。當前元素的索引值。

• arr： 可選。當前元素所屬的數組對象

let arr = [1,2,3,4,5]
arr.forEach((item, index, arr) => {
  console.log(index+":"+item)
})

該方法還可以有第二個參數，用來綁定回調函數內部this變量（前提是回調函數不能是箭頭函數，因為箭頭函數沒有this）：

let arr = [1,2,3,4,5]
let arr1 = [9,8,7,6,5]
arr.forEach(function(item, index, arr){
  console.log(this[index])  //  9 8 7 6 5
}, arr1)

需要注意的是，forEach方法對數組的操作會改變原數組，也沒有返回值。

二、map()

不改變原數組，有返回值，會返回新數組
map() 方法會返回一個新數組，數組中的元素為原始數組元素調用函數處理后的值。該方法按照原始數組元素順序依次處理元素。
注意： map() 不會對空數組進行檢測，它會返回一個新數組，不會改變原始數組。
該方法的第一個參數為回調函數，他有三個參數：
currentValue： 必須。當前元素的值
index ：可選。當前元素的索引值
arr ：可選。當前元素屬于的數組對象

let arr = [1, 2, 3];
arr.map(item => {    return item+1;})// 返回值： [2, 3, 4]

第二個參數用來綁定參數函數內部的this變量，可選：

var arr = ['a', 'b', 'c'];//下面使用箭頭函數會出錯
[1, 2].map(function (e) {   
 return this[e];}, arr)// 返回值： ['b', 'c']

該方法可以進行鏈式調用：

let arr = [1, 2, 3];
 arr.map(item => item+1).map(item => item+1)// 返回值： [3, 4, 5]

三、filter()

有返回值，滿足條件的元素會被返回，不改變原數組
filter()方法用于過濾數組，滿足條件的元素會被返回。它的參數是一個回調函數，所有數組元素依次執行該函數，返回結果為true的元素會被返回。該方法會返回一個新的數組，不會改變原數組。

該方法的第一個參數是回調函數，它有三個參數：

currentValue： 必須。當前元素的值
index ：可選。當前元素的索引值
arr ：可選。當前元素屬于的數組對象

let arr = [1, 2, 3, 4, 5]
//格式中加括號，同時加return也行
arr.filter(item => item > 2)

// 結果：[3, 4, 5]

同樣，他也有第二個參數，用來綁定參數函數內部的this變量。
第三、ECMAScirpt5 中 Array 類中的 filter 方法使用目的是移除所有的 ”false“ 類型元素 (false, null, undefined, 0, NaN or an empty string)：

var a=[1,2,"b",0,{},"",NaN,3,undefined,null,5];
//Boolean是一個回調函數
var b=a.filter(Boolean); // [1,2,"b",{},3,5]

四、every()

有返回值，不改變原數組
功能：如果每個元素都符合條件返回true,否則返回false
同filter()，也有三個參數，item,index,數組名

let arr = [1, 2, 3, 4, 5]
arr.every(item => item > 0)

// 結果： true

五、some()

有返回值，不改變原數組
功能：如果有一個元素符合條件 ，返回true
同filter()，也有三個參數，item,index,數組名

let arr = [1, 2, 3, 4, 5]
arr.some(item => item > 4)

// 結果： true

六、find()

有返回值，不改變原數組
功能：返回符合條件的第一個元素

• 當數組中的元素在測試條件時返回 true 時， find() 返回符合條件的元素，之后的值不會再調用執行函數。
• 如果沒有符合條件的元素返回 undefined

注意: find() 對于空數組，函數是不會執行的。
該方法的第一個參數也是一個函數，它有三個參數：

• currentValue ：必需。當前元素
• index ：可選。當前元素的索引
• arr ：可選。當前元素所屬的數組對象

let arr = [1, 2, 3, 4, 5]
arr.find(item => item > 2)

// 結果： 3

七、findIndex()

功能：返回第一個符合條件的元素下標

• 當數組中的元素在函數條件時返回 true 時， findIndex() 返回符合條件的元素的索引位置，之后的值不會再調用執行函數。
• 如果沒有符合條件的元素返回 -1

注意: findIndex() 對于空數組，函數是不會執行的。
該方法的第一個參數也是一個函數，它有三個參數：

• currentValue ：必需。當前元素
• index ：可選。當前元素的索引
• arr ：可選。當前元素所屬的數組對象

let arr = [1, 2, 3, 4, 5]
arr.findIndex(item => item > 2)

// 結果： 2

八、reduce()

加初始值，可改變原數組，有返回值，返回值是數組的和
功能：按數組下標升序對數組元素求和
語法： arr.reduce(callback,[initialValue])

reduce 為數組中的每一個元素依次執行回調函數，不包括數組中被刪除或從未被賦值的元素，接受四個參數：初始值（或者上一次回調函數的返回值），當前元素值，當前索引，調用 reduce 的數組。

(1) callback （執行數組中每個值的函數，包含四個參數）

• previousValue （上一次調用回調返回的值，或者是提供的初始值（initialValue））

• currentValue （數組中當前被處理的元素）

• index （當前元素在數組中的索引）

• array （調用 reduce 的數組）

(2) initialValue （作為第一次調用 callback 的第一個參數。）

var arr = [1, 2, 3, 4]
var sum = arr.reduce((prev, cur, index, arr) => {
    console.log(prev, cur, index);
    return prev + cur;
})
console.log(arr, sum);

輸出結果：

再來加一個初始值看看：

var arr = [1, 2, 3, 4]
var sum = arr.reduce((prev, cur, index, arr) => {
    console.log(prev, cur, index);
    return prev + cur;
}, 5)
console.log(arr, sum);

輸出結果：

通過上面的兩個例子，我們可以得出結論：如果沒有提供initialValue，reduce 會從索引1的地方開始執行 callback 方法，跳過第一個索引。如果提供initialValue，從索引0開始

注意，該方法如果添加初始值，就會改變原數組，將這個初始值放在數組的最后一位。

九、reduceRight()

功能：對數組逆序（按數組下標）求和
其它同reduce()

var arr = [1, 2, 3, 4]
var sum = arr.reduceRight((prev, cur, index, arr) => {
    console.log(prev, cur, index);
    return prev + cur;
}, 5)
console.log(arr, sum);

執行結果：