数组累加小技巧，大开眼界！

2023-02-13 00:03:49

数组累加技巧大揭秘：5种常用方法

前言

数组累加，顾名思义，就是将数组中所有元素相加，得到一个最终的总和。在 JavaScript 中，数组累加是一个常见操作，有着广泛的应用场景。为了帮助大家轻松应对数组累加，本文将深入浅出地介绍 5 种最常用的方法，并分享一些实用技巧和注意事项。

方法 1：reduce 函数

reduce 函数是数组累加的利器之一。它接受两个参数：累加函数和初始值。累加函数用来处理数组中的每个元素，并将其与累加值相加，得到新的累加值。初始值则是累加值的起点。

代码示例：

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

方法 2：for 循环

for 循环是一种经典的数组遍历方式，同样适用于数组累加。它逐个遍历数组中的元素，并将每个元素与累加值相加，得到新的累加值。

代码示例：

const numbers = [1, 2, 3, 4, 5];
let sum = 0;
for (let i = 0; i < numbers.length; i++) {
  sum += numbers[i];
}
console.log(sum); // 输出：15

方法 3：forEach 循环

forEach 循环是另一种遍历数组的方法，它同样可以用于数组累加。forEach 循环将一个函数应用于数组中的每个元素，并将函数的返回值与累加值相加，得到新的累加值。

代码示例：

const numbers = [1, 2, 3, 4, 5];
let sum = 0;
numbers.forEach((number) => {
  sum += number;
});
console.log(sum); // 输出：15

方法 4：map 函数

map 函数可以将数组中的每个元素映射到一个新值，进而用于数组累加。map 函数将一个函数应用于数组中的每个元素，并将函数的返回值与累加值相加，得到新的累加值。

代码示例：

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

方法 5：filter 函数

filter 函数可以过滤数组中的元素，进而用于数组累加。filter 函数将一个函数应用于数组中的每个元素，并将函数返回 true 的元素与累加值相加，得到新的累加值。

代码示例：

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