2025-03-19 22:25:01

✨ ES中reduce()的用法 🌟

导读 在JavaScript中,`reduce()` 是一个非常强大的数组方法,能够将数组中的所有元素通过回调函数累积成一个单一值。它常用于数据聚合和计算总...

在JavaScript中,`reduce()` 是一个非常强大的数组方法,能够将数组中的所有元素通过回调函数累积成一个单一值。它常用于数据聚合和计算总和等场景。简单来说,`reduce()` 就像是一位“数据整理师”,能帮你高效处理数组!

它的基本语法是:

```javascript

array.reduce(callback(accumulator, currentValue, currentIndex, array), initialValue)

```

其中:

- `callback` 是执行数组中每个元素的回调函数。

- `accumulator` 是累加器,存储上一次回调函数的返回值。

- `currentValue` 是当前正在处理的元素。

- `initialValue` 是可选参数,作为第一次调用 `callback` 时的第一个参数。

例如,用 `reduce()` 计算数组总和:

```javascript

const numbers = [1, 2, 3, 4];

const sum = numbers.reduce((acc, num) => acc + num, 0);

console.log(sum); // 输出:10

```

此外,`reduce()` 还可以用来构建对象或数组。比如去重:

```javascript

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

const unique = arr.reduce((acc, item) => {

if (!acc.includes(item)) acc.push(item);

return acc;

}, []);

console.log(unique); // 输出:[1, 2, 3]

```

掌握 `reduce()`,让你的代码更简洁优雅!💪