es6统计数组对象中的相同属性字段并对值求和
时间: 2024-01-22 07:19:51 浏览: 97
vue 对象数组中,根据相同属性的数据合并,重组新的数组对象
可以使用reduce方法来实现这个功能。假设有一个包含多个对象的数组,每个对象都有一个相同的属性字段,可以按照以下步骤来实现统计相同属性字段的值的和:
1. 使用reduce方法遍历数组,将每个对象的属性值作为key,属性值作为value存储在一个新的对象中。
2. 在reduce方法的回调函数中,如果当前key已经存在于新对象中,则将其对应的value值加上当前对象的属性值,否则将当前key和属性值作为新的键值对添加到新对象中。
3. 最后返回新对象,其中每个属性字段的值都是原数组中对应字段值的总和。
下面是一个示例代码:
```javascript
const arr = [
{ name: 'apple', num: 2 },
{ name: 'banana', num: 3 },
{ name: 'apple', num: 4 },
{ name: 'orange', num: 1 },
{ name: 'banana', num: 5 }
];
const result = arr.reduce((acc, cur) => {
const key = cur.name;
if (acc[key]) {
acc[key] += cur.num;
} else {
acc[key] = cur.num;
}
return acc;
}, {});
console.log(result); // { apple: 6, banana: 8, orange: 1 }
```
在上面的代码中,我们使用reduce方法遍历数组`arr`,并将每个对象的`name`属性作为key,属性值`num`作为value存储在新对象`acc`中。如果当前key已经存在于新对象中,则将其对应的value值加上当前对象的属性值,否则将当前key和属性值作为新的键值对添加到新对象中。最后返回新对象`acc`,其中每个属性字段的值都是原数组中对应字段值的总和。
运行上面的代码,将输出一个新对象,其中每个属性字段的值都是原数组中对应字段值的总和。
阅读全文