JS数组的reduce()函数用法

JS 数组的reduce()用法小结

第一次关注reduce()是在对象数组去重里。

var arr = [{name:'Thor',id:1},{name:'Locki',id:1},{name:'Tony',id:2}]
var hash= {}
arr = arr.reduce(function(cur,next){
hash[next.id]?'':hash[next.id]===true&&cur.push(next)
return cur
},[])

上面代码是从数组arr里去掉重复id的元素。
arr.reduce(func(),[])传入了两个参数:匿名函数和空数组[]。
在匿名函数里的两个参数:cur指累积变量,next指被遍历的数组元素。
如果没有指定参数-空数组[],累积变量cur默认是第一个元素的值
在指定参数空数组后,累积变量cur的初始值就变成了空数组。
所以上面代码就是判断hash对象里是否已存入了当前arr数组元素的id,如果存入了,则遍历下一个元素,并把第一次存入时的元素添加到累积变量cur里。这样最后函数返回的就是去掉重复id的数组。

上面是reduce()的一个应用。下面是关于reduce()的基本介绍: 参考阮大神的介绍,reduce()对数组进行了:遍历、变形和累积操作。前提是累积变量初始值为数组。具体看下面例子:


var arr = [0,1,2,3,4]
var handler = function(item,next){
item.push(next+1)
return item
}
arr.reduce(handler(),[])
//输出结果是:[1,2,3,4,5]

首先,reduce()对数组arr进行了遍历
其次,经过reduce()处理的数组被修改。类似map()函数
最后,通过item这个累积变量,把所有元素累积在一起。这个例子里是通过push方法。

其实更能体现reduce()累积作用的例子是下面这个:

`
var arr = [0,1,2,3,4]
var summary = arr.reduce(function(sum,n){
sum += n
return sum
},0)
console.log(summary)
//输出结果为:10

`

上面代码里,arr数组的每个成员被遍历求和。sum作为累积变量,初始值是0.
如果不提供第二个参数0,sum初始值也会默认为arr的第一个元素即0。

同理,对于数组的阶乘,可以很方便的使用如下代码做到:


var arr = [1,2,3,4,5]
var times = arr.reduce(function(res,n){
res *= n
return res;
})
console.log(times)
//输出结果为120

不知道看完上面介绍,您有没有掌握reduce()的简单使用呢?

如果有兴趣了解的更多,请参考阮大神的博客:
http://www.ruanyifeng.com/blog/2017/03/reduce_transduce.html

你可能感兴趣的:(基础知识,数组)