📜  javascript 对象数组中数字的总和 - Javascript (1)

📅  最后修改于: 2023-12-03 15:01:42.797000             🧑  作者: Mango

JavaScript 对象数组中数字的总和

在 JavaScript 中,我们常常需要对一个对象数组中的数字进行求和操作。本文将介绍如何使用 JavaScript 对象数组中数字的总和。

方式一:使用 for 循环

我们可以使用一个 for 循环来遍历数组,将其中的数字逐个相加。具体实现如下:

let arr = [
  {name: '张三', score: 80},
  {name: '李四', score: 90},
  {name: '王五', score: 70},
  {name: '赵六', score: 85},
  {name: '钱七', score: 95}
];

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

console.log(sum); // 420
方式二:使用 reduce() 方法

另一种方法是使用 JavaScript 中的 reduce() 方法。reduce() 方法用于数组中的元素运算,它可以将数组中的所有元素按顺序依次执行回调函数,最终返回一个单一的值。

let arr = [
  {name: '张三', score: 80},
  {name: '李四', score: 90},
  {name: '王五', score: 70},
  {name: '赵六', score: 85},
  {name: '钱七', score: 95}
];

let sum = arr.reduce((acc, cur) => {
  return acc + cur.score;
}, 0);

console.log(sum); // 420
方式三:使用 map() 方法

还有一种方式是使用 map() 方法,它是 JavaScript 中最基础、最常用的数组方法之一。map() 方法会返回一个新的数组,该数组中的每个元素都是对原始数组中的对应元素执行回调函数后的返回值。

let arr = [
  {name: '张三', score: 80},
  {name: '李四', score: 90},
  {name: '王五', score: 70},
  {name: '赵六', score: 85},
  {name: '钱七', score: 95}
];

let scores = arr.map(item => item.score);
let sum = scores.reduce((acc, cur) => acc + cur);

console.log(sum); // 420
总结

以上就是 JavaScript 对象数组中数字的总和的三种方法。无论是使用 for 循环、reduce() 方法还是 map() 方法,它们都可以帮助我们很方便地对对象数组中的数字进行求和操作。