1、語法

arr.reduce(callback,[initialValue])

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

callback （執(zhí)行數(shù)組中每個值的函數(shù)，包含四個參數(shù)）1、previousValue （上一次調(diào)用回調(diào)返回的值，或者是提供的初始值（initialValue））2、currentValue （數(shù)組中當(dāng)前被處理的元素）3、index （當(dāng)前元素在數(shù)組中的索引）4、array （調(diào)用 reduce 的數(shù)組）initialValue （作為第一次調(diào)用 callback 的第一個參數(shù)。）

2、實例解析 initialValue 參數(shù)

先看第一個例子：

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

打印結(jié)果：

1 2 1

3 3 2

6 4 3

[1, 2, 3, 4] 10

這里可以看出，上面的例子index是從1開始的，第一次的prev的值是數(shù)組的第一個值。數(shù)組長度是4，但是reduce函數(shù)循環(huán)3次。

再看第二個例子：

var arr=[1,2,3,4];
var sum=arr.reduce(function(prev,cur,index,arr){
console.log(prev,cur,index);
return prev+cur;
}，0)//注意這里設(shè)置了初始值console.log(arr,sum);

打印結(jié)果：

0 1 0

1 2 1

3 3 2

6 4 3

[1, 2, 3, 4] 10

這個例子index是從0開始的，第一次的prev的值是我們設(shè)置的初始值0，數(shù)組長度是4，reduce函數(shù)循環(huán)4次。

結(jié)論：如果沒有提供initialValue，reduce 會從索引1的地方開始執(zhí)行 callback 方法，跳過第一個索引。如果提供initialValue，從索引0開始。

注意：如果這個數(shù)組為空，運用reduce是什么情況？

var arr=[];
var sum=arr.reduce(function(prev,cur,index,arr){
console.log(prev,cur,index);
return prev+cur;
})//報錯，"TypeError: Reduce of empty array with no initial value"

但是要是我們設(shè)置了初始值就不會報錯，如下：

var arr=[];
var sum=arr.reduce(function(prev,cur,index,arr){
console.log(prev,cur,index);
return prev+cur;
}，0)
console.log(arr,sum);// [] 0

所以一般來說我們提供初始值通常更安全

3、reduce的簡單用法

當(dāng)然最簡單的就是我們常用的數(shù)組求和，求乘積了。

var arr=[1,2,3,4];
var sum=arr.reduce((x,y)=>x+y)
var mul=arr.reduce((x,y)=>x*y)
console.log(sum);//求和，10console.log(mul);//求乘積，24

4、reduce的高級用法

（1）計算數(shù)組中每個元素出現(xiàn)的次數(shù)

let names=['Alice','Bob','Tiff','Bruce','Alice'];
let nameNum=names.reduce((pre,cur)=>{
if(curinpre){
  pre[cur]++
}else{
  pre[cur]=1
}
return pre},{})
console.log(nameNum);//{Alice: 2, Bob: 1, Tiff: 1, Bruce: 1}

（2）數(shù)組去重

let arr=[1,2,3,4,4,1]
let newArr=arr.reduce((pre,cur)=>{
if(!pre.includes(cur)){
  return pre.concat(cur)
}else{
  return pre
}},[])
console.log(newArr);// [1, 2, 3, 4]

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

letarr=[[0,1],[2,3],[4,5]]letnewArr=arr.reduce((pre,cur)=>{returnpre.concat(cur)},[])console.log(newArr);// [0, 1, 2, 3, 4, 5]

（3）將多維數(shù)組轉(zhuǎn)化為一維

let arr=[[0,1],[2,3],[4,[5,6,7]]]
const newArr=function(arr){
return arr.reduce((pre,cur)=>pre.concat(Array.isArray(cur)?newArr(cur):cur),[])}
console.log(newArr(arr));//[0, 1, 2, 3, 4, 5, 6, 7]

（4）、對象里的屬性求和

var result=[
{subject:'math',score:10},
{subject:'chinese',score:20},
{subject:'english',score:30}
];
var sum=result.reduce(function(prev,cur){
  returncur.score+prev;
},0);
console.log(sum)//60