es6统计数组对象中的相同属性并对该值求和,返回新数组
时间: 2024-01-22 13:19:53 浏览: 120
可以使用reduce()方法实现统计数组对象中相同属性的值并求和的功能,具体步骤如下:
1. 使用reduce()方法将数组中的每个元素进行遍历,返回一个新的对象;
2. 如果该属性已经存在于新的对象中,则将该属性的值加上当前元素的值,否则将该属性添加到新的对象中;
3. 返回包含新对象的数组。
下面是示例代码:
```javascript
const arr = [
{ name: 'apple', value: 2 },
{ name: 'banana', value: 3 },
{ name: 'apple', value: 4 },
{ name: 'banana', value: 5 }
];
const result = Object.values(arr.reduce((acc, cur) => {
const key = cur.name;
if (acc[key]) {
acc[key].value += cur.value;
} else {
acc[key] = { name: key, value: cur.value };
}
return acc;
}, {}));
console.log(result);
// Output: [{ name: 'apple', value: 6 }, { name: 'banana', value: 8 }]
```
在上面的代码中,我们首先定义了一个数组arr,其中包含了四个对象,每个对象都有一个name和value属性。接着我们使用reduce()方法遍历数组,将每个对象的name属性作为新对象的key,如果新对象中已经有了该key,则将value属性加上当前元素的value属性,否则将该属性添加到新对象中。最后我们使用Object.values()方法将包含新对象的对象转换为数组并返回。
阅读全文