Array.prototype.reduce()

Array.prototype.reduce()

reduce()方法对数组中的每个元素执行提供的reducer函数，将其结果汇总为单个返回值。

语法：

arr.reduce(callback(acc, cur [, idx [, array]]) [, initialValue])

• acc：累加器
  表示上一次调用累加器的返回值，或设置的initialValue值，如果没设置initialValue，则acc为数组的第一个元素值。

const arr = [1, 2, 3, 4, 5];

// 未设置 initialValue
arr.reduce((acc, cur, index, arr) => {
  console.log(acc); // 1 3 6 10
  return acc + cur;
});

// 设置 initialValue
arr.reduce((acc, cur, index, arr) => {
  console.log(acc); // 10 11 13 16 20
  return acc + cur;
}, 10);

• cur：当前值
  表示数组正在处理的值。

arr.reduce((acc, cur, index, arr) => {
  console.log(cur);  // 2 3 4 5
  return acc + cur;
});

• idx：当前索引
  表示当前正在处理值的索引，如果设置了initialValue，则idx从0开始，否则从 1 开始。

// 未设置 initialValue
arr.reduce((acc, cur, idx, arr) => {
  console.log(idx); // 1 2 3 4
  return acc + cur;
});

// 设置 initialValue
arr.reduce((acc, cur, idx, arr) => {
  console.log(idx); // 0 1 2 3 4
  return acc + cur;
}, 10);

• array：表示数组本身

arr.reduce((acc, cur, idx, arr) => {
  console.log(arr); // [1, 2, 3, 4, 5]
  return acc + cur;
});

• initialValue：用作acc的默认值

使用

求数组中的元素之和

const arr = [1, 2, 3, 4, 5];

arr.reduce((acc, cur) => {
  return acc + cur;
});

求数组中每个元素出现的次数：

const arr = [1, 1, 2, 3, 4, 4, 4, 5],
  result = {};

esult = arr.reduce((acc, cur) => {
  if (acc.hasOwnProperty(cur)) {
    acc[cur]++;
  } else {
    acc[cur] = 1;
  }

  return acc;
}, result);

console.log(result);  // {1: 2, 2: 1, 3: 1, 4: 3, 5: 1}