js 数组求和：JavaScript数组求和的多种实现方法

来源：网络作者：日期：2025-11-05 18:46:14

在JavaScript编程中,数组是一种非常常用的数据结构，而对数组中的元素进行求和是常见的操作之一，本文将详细介绍几种在JavaScript中实现数组求和的方法，从传统的循环方法到现代的ES6特性，帮助你根据实际需求选择最合适的解决方案。

使用`for`循环

这是最基础也是最通用的数组求和方法,通过遍历数组的每个元素，将它们累加到一个总和变量中。

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

这种方法的优点是兼容性好,适用于所有版本的JavaScript，缺点是代码相对冗长，可读性不如现代方法。

使用`forEach`方法

forEach是数组的迭代方法之一，可以简化循环操作。

function arraySum(arr) {
  let sum = 0;
  arr.forEach(num => {
    sum += num;
  });
  return sum;
}
// 示例用法
const numbers = [1, 2, 3, 4, 5];
console.log(arraySum(numbers)); // 输出：15

这种方法比for循环更简洁，但仍然需要一个外部变量来存储累加值。

使用`reduce`方法

reduce是JavaScript数组的高阶函数，特别适合用于累加操作，它通过一个回调函数将数组元素逐一处理，最终返回一个累积值。

function arraySum(arr) {
  return arr.reduce((accumulator, currentValue) => {
    return accumulator + currentValue;
  }, 0);
}
// 示例用法
const numbers = [1, 2, 3, 4, 5];
console.log(arraySum(numbers)); // 输出：15

reduce方法的第二个参数是初始值（这里是0），这种方法非常简洁且易于理解，是现代JavaScript开发中推荐的做法。

使用`for...of`循环

for...of循环是ES6引入的语法，可以更简洁地遍历数组。

function arraySum(arr) {
  let sum = 0;
  for (const num of arr) {
    sum += num;
  }
  return sum;
}
// 示例用法
const numbers = [1, 2, 3, 4, 5];
console.log(arraySum(numbers)); // 输出：15

这种方法比传统for循环更简洁，但同样需要一个外部变量来存储累加值。

使用`eval`（不推荐）

虽然不推荐在生产环境中使用,但这里仅作为知识拓展：

function arraySum(arr) {
  const expression = arr.join(' + ');
  return eval(`(${expression})`);
}
// 示例用法
const numbers = [1, 2, 3, 4, 5];
console.log(arraySum(numbers)); // 输出：15

这种方法通过将数组元素连接成一个表达式,然后使用eval执行，虽然可以实现求和，但由于安全性和性能问题，应避免使用。

方法比较

方法	优点	缺点	兼容性
`for`循环	兼容性最好，灵活	代码冗长	全兼容
`forEach`	代码简洁	需要外部变量	ES5及以上
`reduce`	简洁、函数式编程风格	需要理解回调函数	ES5及以上
`for...of`	语法简洁	需要外部变量	ES6及以上
`eval`	理论上简洁	安全性和性能问题	全兼容