JavaScript reduce() 方法

在 JavaScript 中，reduce() 方法是一个非常强大且常用的数组方法。它可以帮助我们对数组中的元素进行累加、累乘、合并等操作。本文将详细介绍reduce()方法的用法及其示例代码。

语法

reduce()方法的语法如下：

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

• callback 是一个函数，用于处理数组中的每个元素。它可以接受四个参数：

  • accumulator：累加器，累计回调的返回值。它是上一次调用回调时返回的值，或者是初始值（如果有的话）。
  • currentValue：当前正在处理的元素。
  • index：当前正在处理的元素的索引（可选）。
  • array：调用reduce()方法的数组（可选）。

• initialValue 是可选的初始值。如果提供了初始值，则它将作为第一次调用 callback 函数时的 accumulator 值，如果没有提供初始值，则将使用数组中的第一个元素作为初始值，并从数组的第二个元素开始迭代。

示例

1. 数组求和

const numbers = [1, 2, 3, 4, 5];
const sum = numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0);
console.log(sum); // 输出 15

2. 数组求积

const numbers = [1, 2, 3, 4, 5];
const product = numbers.reduce((accumulator, currentValue) => accumulator * currentValue, 1);
console.log(product); // 输出 120

3. 数组去重

const numbers = [1, 2, 2, 3, 4, 4, 5];
const uniqueNumbers = numbers.reduce((accumulator, currentValue) => {
  if (!accumulator.includes(currentValue)) {
    accumulator.push(currentValue);
  }
  return accumulator;
}, []);
console.log(uniqueNumbers); // 输出 [1, 2, 3, 4, 5]

4. 对象属性求和

const data = [
  { value: 10 },
  { value: 20 },
  { value: 30 },
];
const total = data.reduce((accumulator, currentValue) => accumulator + currentValue.value, 0);
console.log(total); // 输出 60

5. 数组扁平化

const nestedArray = [[1, 2], [3, 4], [5, 6]];
const flattenedArray = nestedArray.reduce((accumulator, currentValue) => accumulator.concat(currentValue), []);
console.log(flattenedArray); // 输出 [1, 2, 3, 4, 5, 6]

通过以上示例，我们可以看到reduce()方法的强大之处。它可以帮助我们简洁高效地处理数组的操作，提高代码的可读性和可维护性。希望本文对你有所帮助，欢迎继续探索更多 JavaScript 相关知识。