[ES6]JS数组方法之reduce()的高级用法

一、reduce语法说明

arr.reduce(callback(accumulator, currentValue[, index][, array])[, initialValue])

callback （执行数组中每个值的函数，包含四个参数）
accumulator 累计器累计回调的返回值; 它是上一次调用回调时返回的累积值，或初始值
currentValue 数组中正在处理的元素。
index (可选) 数组中正在处理的当前元素的索引。 如果提供了initialValue，则起始索引号为0，否则从索引1起始。
array (可选) 调用reduce()的原数组

initialValue （可选）作为第一次调用 callback函数时的第一个参数的值。 如果没有提供初始值，则将使用数组中的第一个元素。 在没有初始值的空数组上调用 reduce 将报错。 

二、reduce用法

（1）计算数组中每个元素出现的次数

let names = ["Alice", "Bob", "Tiff", "Bruce", "Alice"]

let nameNum = names.reduce((pre, cur) => {
  (cur in pre) ? pre[cur]++ : pre[cur] =1
  return pre
}, {})
console.log(nameNum) // {Alice: 2, Bob: 1, Tiff: 1, Bruce: 1}

（2）数组去重

let arr = [1, 2, 3, 4, 4, 1]

let newArr = arr.reduce((pre, cur) => pre.includes(cur) ? pre : pre.concat(cur), [])
console.log(newArr) // [1, 2, 3, 4]

（3）对象里的属性求和

这里主要就是利用reduce第一个参数是迭代，可以通过初始化这个参数的数据类型，达到想实现的效果。

let result = [
  {subject: 'math', score: 10},
  {subject: 'chinese', score: 20},
  {subject: 'english', score: 30}
];

let sum = result.reduce((prev, cur) => cur.score + prev, 0);
console.log(sum) // 60

(4)多维数组转一维数组 

使用一个简单的递归＋reduce实现转换

let arr = [[1, 2], 3, [4, [5, 6, [7, 8]]]]

let newArr = (arr) => arr.reduce(
    (pre, cur) => pre.concat(
        Array.isArray(cur) ? newArr(cur) : cur
    ),[]
)
console.log(newArr(arr)) // [1, 2, 3, 4, 5, 6, 7, 8]