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