浅谈JS中 reduce() 的用法(转帖)

过去有很长一段时间，我一直很难理解 reduce() 这个方法的具体用法，平时也很少用到它。事实上，如果你能真正了解它的话，其实在很多地方我们都可以用得上，那么今天我们就来简单聊聊JS中 reduce() 的用法。

一、语法

arr.reduce(function(prev,cur,index,arr){
...
}, init);

其中，
arr 表示原数组；
prev 表示上一次调用回调时的返回值，或者初始值 init;
cur 表示当前正在处理的数组元素；
index 表示当前正在处理的数组元素的索引，若提供 init 值，则索引为0，否则索引为1；
init 表示初始值。

看上去是不是感觉很复杂？没关系，只是看起来而已，其实常用的参数只有两个：prev 和 cur。接下来我们跟着实例来看看具体用法吧~

二、实例

先提供一个原始数组：

求和

var sum = arr.reduce(function (prev, cur) {
    return prev + cur;
},0);

 求最大项

var max = arr.reduce(function (prev, cur) {
    return Math.max(prev,cur);
});

 去重

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

 

作者：前端王睿
链接：https://www.jianshu.com/p/541b84c9df90
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。