当前位置：首页 > JavaScript

js reduce实现

2026-04-07 04:04:31JavaScript

使用 `reduce` 实现数组求和

reduce 方法可以对数组中的每个元素执行一个回调函数，最终返回一个累加结果。以下是求和的示例代码：

js reduce实现

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

accumulator 是累加器，初始值为 0（通过第二个参数指定）。
currentValue 是当前遍历的数组元素。

使用 `reduce` 实现数组去重

通过 reduce 可以轻松实现数组去重，利用对象的键唯一性：

js reduce实现

const array = [1, 2, 2, 3, 4, 4, 5];
const uniqueArray = array.reduce((acc, current) => {
  if (!acc.includes(current)) {
    acc.push(current);
  }
  return acc;
}, []);
console.log(uniqueArray); // 输出: [1, 2, 3, 4, 5]

初始值为空数组 []，每次检查当前元素是否已存在于累加器中。

使用 `reduce` 实现对象属性分组

reduce 可以将数组中的对象按属性分组，生成一个键值对对象：

const people = [
  { name: 'Alice', age: 21 },
  { name: 'Bob', age: 21 },
  { name: 'Charlie', age: 22 }
];
const groupedByAge = people.reduce((acc, person) => {
  const key = person.age;
  if (!acc[key]) {
    acc[key] = [];
  }
  acc[key].push(person);
  return acc;
}, {});
console.log(groupedByAge);

输出结果按 age 分组，例如 { 21: [{...}, {...}], 22: [{...}] }。

使用 `reduce` 实现扁平化数组

reduce 可以将多维数组扁平化为一维数组：

const nestedArray = [[1, 2], [3, 4], [5]];
const flatArray = nestedArray.reduce((acc, current) => {
  return acc.concat(current);
}, []);
console.log(flatArray); // 输出: [1, 2, 3, 4, 5]