MDN上解釋的很清楚, https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce 這兒再記錄一下:
定義:
reduce()
方法對累加器和數組中的每個元素 (從左到右)應用一個函數,將其減少為單個值。
語法:
array.reduce(function(accumulator, currentValue
, currentIndex, array), initialValue);
accumulator:上一次調用回調返回的值,或者是提供的初始值(initialValue)
currentValue:數組中正在處理的元素
currentIndex:數據中正在處理的元素索引,如果提供了 initialValue ,從0開始;否則從1開始
array: 調用 reduce 的數組
initialValue:可選項,其值用於第一次調用 callback 的第一個參數。如果沒有設置初始值,則將數組中的第一個元素作為初始值。空數組調用reduce時沒有設置初始值將會報錯。
瀏覽器兼容性:
IE>=9 , PS: IE不支持ES6的箭頭函數。
應用:
比如求和或者需要連續操作數組中的每個元素獲得最終結果,for循環可以解決的可以嘗試使用reduce方法來做。
1. 求和。
var res = [0, 1, 2, 3, 4
].reduce((accumulator, currentValue, currentIndex, array
) => {
return accumulator + currentValue;
});
callback 被調用四次,每次調用的參數和返回值如下表:
callback | accumulator | currentValue | currentIndex | array |
return value |
first call | 0 | 1 | 1 | [0,1,2,3,4] | 1 |
second call | 1 | 2 | 2 | [0,1,2,3,4] | 3 |
third call | 3 | 3 | 3 | [0, 1, 2, 3, 4] | 6 |
fourth call | 6 | 4 | 4 | [0, 1, 2, 3, 4] | 10 |
2. 求最大值
var res = [1,2,3,4,5].reduce((pre, curr) => { return curr > pre ? curr : pre;
//return Math.max(pre,curr); });
3. 將二維數組轉化為一維數組
var flattened = [[0, 1], [2, 3], [4, 5]].reduce((a, b) => { return a.concat(b); });