数组reduce()方法用法

• 语法

array.reduce(function(prev, cur, currentIndex, arr), initialValue)

其中：
pre：必需。初始值initialValue, 或者计算结束后的返回值。
cur： 必需。当前元素
currentIndex： 可选。当前元素的索引，如果没有提供initialValue，reduce 会从索引1的地方开始执行 callback 方法，跳过第一个索引。如果提供initialValue，从索引0开始
arr: 可选。当前元素所属的数组对象。

看上去貌似很复杂，其实我们常用的参数只有两个，prev和cur
下面通过几个实例看一下具体用法吧。

• 对象里属性求和

var result = [
    {
        subject: 'math',
        score: 10
    },
    {
        subject: 'chinese',
        score: 20
    },
    {
        subject: 'english',
        score: 30
    }
];

var sum = result.reduce((prev, cur)=> {
    return cur.score + prev;
}, 0);
console.log(sum) //60

由于传入了初始值0，所以开始时prev的值为0，cur的值为数组第一项10，相加之后返回值为10作为下一轮回调的total值，然后再继续与下一个数组项相加，以此类推，直至完成所有数组项的和并返回。

• 数组去重
  方法1：

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]

方法2：

let arr = [1,2,3,4,4,1]
let newArr = arr.reduce((prev,cur)=>{
    prev.indexOf(cur) === -1 && prev.push(cur);
   return prev;
},[])
console.log(newArr)// [1, 2, 3, 4]

• 将二维数组转化为一维

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

结论：reduce() 是数组的归并方法，与forEach()、map()、filter()等迭代方法一样都会对数组每一项进行遍历，但是reduce() 可同时将前面数组项遍历产生的结果与当前遍历项进行运算，其它的则不可以。