es6数组元素求和方法
时间: 2023-08-04 18:28:28 浏览: 133
ES6提供了很多方便的数组操作方法,其中求和方法有两种常用的实现方式:
1. 使用reduce方法
```
let arr = [1, 2, 3, 4, 5];
let sum = arr.reduce((prev, curr) => prev + curr);
console.log(sum); // 15
```
2. 使用扩展运算符(...)
```
let arr = [1, 2, 3, 4, 5];
let sum = [...arr].reduce((prev, curr) => prev + curr);
console.log(sum); // 15
```
注意:使用扩展运算符的方式需要将数组先复制一份再进行操作,否则原数组会被修改。
相关问题
es6 对象数组求和
可以使用reduce()方法对对象数组进行求和,具体实现如下所示:
```javascript
let arr = [{x: 1}, {x: 2}, {x: 3}];
let sum = arr.reduce((prev, cur) => prev + cur.x, 0);
console.log(sum); // 输出:6
```
上述代码中,首先定义了一个对象数组arr,然后使用reduce()方法对其进行求和。reduce()方法接收两个参数,第一个参数是一个回调函数,用于对数组中的每个元素进行处理;第二个参数是初始值,用于指定reduce()方法开始计算的值。在上述代码中,回调函数中的prev表示上一次计算的结果,cur表示当前正在处理的元素,prev + cur.x表示将上一次计算的结果加上当前元素的x属性值,最终得到求和的结果。
es6统计数组对象中的相同属性并对该值求和,返回新数组
可以使用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()方法将包含新对象的对象转换为数组并返回。
阅读全文