javaScript合计数组元素

//计算总和代码方式一
//观察如下代码：
console.log("-----------数组计算总和---------------");
const numbers = [1, 2, 3, 4];
var sum = 0;

numbers.forEach(number=>{
  sum += number;
});

if (sum === 10) {
  console.log("The sum of first four numbers is 10");
}

 

上面 的代码遍历集合中的所有元素进行求和。JavaScript引擎也帮助我们解决此类问题：reduce方法。

 

console.log('---------------使用reduce合计数组元素--------------');
const numbers = [1, 2, 3, 4];
//使用reduce函数从数组中取得累计值
const sum = numbers.reduce((aggregated, number) => aggregated + number, 0);
if (sum === 10) {
  console.log("The sum of first four numbers is 10");
}

 

 reduce方法接收初始值时，对数组每个元素执行回调函数，回调函数接收上一次回调结果以及当前的数组元素作为参数。最后一次回调函数的结果作为reduce的结果。下图显示了更多执行细节。

 

 

 

 

reduce函数向每个回调函数传入合计值和当前元素，最终返回一个值。

 

参考书籍《JavaScript忍者秘籍》