js Array.prototype.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参数可为数组或值)

将特定添加到同一个对象中（累加器提升一个维度），如字符统计,数组分块，对象分组（类）

arr.reduce((previousValue, item, index, arr)=>{}, [initial])

4. reduce 可以代替 .filter().map()，仅遍历一次
5. 按顺序运行 Promise
6. 使用函数组合实现管道

let pipe = function(...functions) {
  return function(initialValue) {
    return functions.reduce((acc, fn) => fn(acc), initialValue)
  }
}