JS 数组内值累加的 3 种常见方法

在 JavaScript 编程中，经常会遇到需要对数组内的值进行累加的情况。下面将介绍三种常见的实现方法。

方法一：使用 for 循环

let arr = [1, 2, 3, 4, 5];
let sum = 0;

for(let i = 0; i < arr.length; i++) {
  sum += arr[i];
}
console.log(sum); 

通过 for 循环遍历数组的每个元素，将其累加到变量 sum 中。这种方法直观易懂，适用于大多数情况。

方法二：使用 reduce 方法

let arr = [1, 2, 3, 4, 5];

let sum = arr.reduce((accumulator, currentValue) => accumulator + currentValue, 0);
console.log(sum);

reduce 方法接收一个回调函数作为参数，回调函数中的 accumulator 表示累加的结果，currentValue 表示当前遍历到的数组元素。通过这种方式，可以简洁地实现数组值的累加。

方法三：使用递归函数

function recursiveSum(arr, index, sum) {
  if (index === arr.length) {
    return sum;
  }
  return recursiveSum(arr, index + 1, sum + arr[index]);
}

let arr = [1, 2, 3, 4, 5];
console.log(recursiveSum(arr, 0, 0));

递归函数通过不断调用自身，将数组元素逐步累加到总和中。

在实际应用中，选择哪种方法取决于具体的需求和场景。如果数组规模较小，三种方法的性能差异可能不太明显。但对于大规模数组，reduce 方法通常具有更好的性能。

熟练掌握这三种常见的数组值累加方法，能够让我们在 JavaScript 编程中更加高效地处理数据，实现各种复杂的功能。无论是进行数据统计、计算总和还是其他相关操作，都能够轻松应对。