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()可同时将前面数组项遍历产生的结果与当前遍历项进行运算,只一点是其他迭代方法无法企及的