ES6数组方法 -- reduce()

reduce()的用法

平时很少用得到reduce()方法，事实上，如果你能真正了解它的话，其实在很多地方我们都可以用得上。

arr.reduce(function(sum,num,index,arr){
    ...
},init)

其中，

arr 表示原数组

sum  表示上一次调用时的返回值， 或者初始值init

num  表示当前正在处理的数组元素

index 表示当前正在处理的数组元素的索引，若提供init值，则索引为0，否则索引为1

init  表示初始值

其实常用的参数只有两个:  sum 和 num

实例

1. 求数组项之和

var arr = [1,2,3,4,5]

var sum = arr.reduce((sum,num)=>{
   return sum + num 
},0)

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

console.log(sum) //15

2. 求数组项最大值

var arr = [2,5,6,8,10]

var maxNum = arr.reduce((max,num) => {
    return Math.max(max,num)       
})

//由于未传入初始值，所以开始max的值为数组第一项2，num的值为数组第二项5，取两值最大值后继续进入下一轮回调。

3. 数组去重

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

实现的基本原理如下:

1. 初始化一个空数组
2. 将需要去重处理的数组中的第一项在初始化数组中查找，如果找不到(空数组中肯定找不到)，就将该项添加到初始化数组中
3. 将需要去重处理的数组中的第二项在初始化数组中查找，如果找不到，就将该项继续添加到初始化数组中
4. ......
5.  将需要去重处理的数组中的第n项在初始化数组中查找，如果找不到，就想该项继续添加到初始化数组中
6. 将这个初始化数组返回

总结：

reduce()是数组的归并方法，与forEach()、map()、filter()等迭代方法一样都会对数组每一项进行遍历，但是reduce()可同时将前面数组项遍历产生的结果与当前遍历项进行运算，只一点是其他迭代方法无法企及的

内容转载：https://www.jianshu.com/p/541b84c9df90