js中reduce() 的用法

reduce

一.語法：

arr.reduce(function(prev,cur,index,arr){
...
}, init);


arr 表示原數組；
prev 表示上一次調用回調時的返回值，或者初始值 init;
cur 表示當前正在處理的數組元素；
index 表示當前正在處理的數組元素的索引，若提供 init 值，則索引爲0，否則索引爲1；
init 表示初始值。

二、實例

var arr = [3,9,4,3,6,0,9];

1. 求數組項之和

var sum = arr.reduce(function (prev, cur) {
    return prev + cur;
},0);

由於傳入了初始值0，所以開始時prev的值爲0，cur的值爲數組第一項3，相加之後返回值爲3作爲下一輪迴調的prev值，然後再繼續與下一個數組項相加，以此類推，直至完成所有數組項的和並返回。

2. 求數組項最大值

var max = arr.reduce(function (prev, cur) {
    return Math.max(prev,cur);
});

由於未傳入初始值，所以開始時prev的值爲數組第一項3，cur的值爲數組第二項9，取兩值最大值後繼續進入下一輪迴調。

3. 數組去重

var newArr = arr.reduce(function (prev, cur) {
    prev.indexOf(cur) === -1 && prev.push(cur);
    return prev;
},[]);

實現的基本原理如下：

① 初始化一個空數組
② 將需要去重處理的數組中的第1項在初始化數組中查找，如果找不到（空數組中肯定找不到），就將該項添加到初始化數組中
③ 將需要去重處理的數組中的第2項在初始化數組中查找，如果找不到，就將該項繼續添加到初始化數組中
④ ……
⑤ 將需要去重處理的數組中的第n項在初始化數組中查找，如果找不到，就將該項繼續添加到初始化數組中
⑥ 將這個初始化數組返回

三、其他相關方法

1. reduceRight()

該方法用法與reduce()其實是相同的，只是遍歷的順序相反，它是從數組的最後一項開始，向前遍歷到第一項。

2. forEach()、map()、every()、some()和filter()