js arr.reduce() reduce方法应用
介绍
arr.reduce((previousValue, item, index, arr)=>{}, [initial])
回调函数第一个参数previousValue为每次迭代的返回值（第一次为参数initial的值）；
后三个参数见名知意
raduce函数返回最后迭代返回的结果
- 未设置
initial时,previousValue将取数组第一个元素作为初始值，迭代从第二个元素开始- 迭代过程中追加数组元素不会被遍历；未被迭代的剩余部分若被删除则不会被遍历
- 数组仅有一个元素且未设置
initial时回调将不会执行(等效为空数组)
MDN reduce
应用
- 不断更新迭代，如累加器，构建集合列表（数组去重）
[0, 1, 2, 3].reduce(function (pre, item) {
return pre + item
}, 0) // return 6
- 将结果拼接，如数组扁平化
[[0, 1], [2, 3], [4, 5]].reduce((pre,item)=> {
return pre.concat(item)
},[]) // return [0, 1, 2, 3, 4, 5]
多维数组可套用递归，concat时判断是否为数组(concat参数可为数组或值)
- 将特定添加到同一个对象中（累加器提升一个维度），如字符统计,数组分块，对象分组（类）
- reduce 可以代替 .filter().map()，仅遍历一次
- 按顺序运行 Promise
- 使用函数组合实现管道
let pipe = function(...functions) {
return function(initialValue) {
return functions.reduce((acc, fn) => fn(acc), initialValue)
}
}