前端基于vue2,我目前自己写了一个表格table,比如我从后端获取到的数组对象是[{id:1,name:'安全帽',value:200,percent:30%},{id:2,name:'人员检测',value:200,percent:30%},{id:3,name:'安全检测',value:200,percent:30%},{id:4,name:'物品检测',value:400,percent:40%},{id:6,name:'人员聚集',value:400,percent:60%}],我想循环遍历这个数组对象,获取到所有值相加的总数
时间: 2024-02-03 15:11:18 浏览: 131
vxe-table vue表格解决方案-其他
你可以使用 `reduce` 方法来实现这个功能,代码如下:
```javascript
let data = [{id:1,name:'安全帽',value:200,percent:'30%'},{id:2,name:'人员检测',value:200,percent:'30%'},{id:3,name:'安全检测',value:200,percent:'30%'},{id:4,name:'物品检测',value:400,percent:'40%'},{id:6,name:'人员聚集',value:400,percent:'60%'}];
let total = data.reduce((accumulator, currentValue) => accumulator + currentValue.value, 0);
console.log(total); // 输出 1400
```
在这个例子中,我们使用了 `reduce` 方法,它接受两个参数:一个累加器和一个当前值。在每次迭代中,累加器的值会被更新为上一次迭代的结果加上当前值。最后,`reduce` 方法返回累加器的最终值。在这个例子中,我们将初始值设置为 0,然后将每个对象的 `value` 属性相加得到结果。
阅读全文