我是靠谱客的博主 自由戒指,最近开发中收集的这篇文章主要介绍JS Array.reduce 对象属性累加,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

Array reduce 数组对象使用

无非就是 计算数组元素 相加后的总和 ,看网上给的Demo 全是
[1,2,3,4,6].reduce 这种基本用法,
在实际开发中 数组中一般都是放对象
本次我将使用 reduce 实现 **数组对象中 具体属性 Price 累加**
` [{ name: 'apple',
price: 10 }, {
name: 'banana',
price: 9
} ]; `
复制代码

reduce 基本语法

普通 for 实现 和 reduce 实现对比


let array = [
{
name: 'apple',
price: 10
}, {
name: 'banana',
price: 9
}
];
let sumprice = 0;
for (let index = 0; index < array.length; index++) {
const element = array[index];
sumprice += element.price;
}
console.log('for example sumprice',sumprice);
/*
reduce 语法实现
total
必需。初始值, 或者计算结束后的返回值。
currentValue
必需。当前元素
currentIndex
可选。当前元素的索引
arr
可选。当前元素所属的数组对象。
*/
sumprice = array.reduce(function (total, currentValue, currentIndex, arr) {
return total + currentValue.price;
}, 0);
console.log('for reduce sumprice',sumprice);
复制代码

转载于:https://juejin.im/post/5c7f903bf265da2dad300dff

最后

以上就是自由戒指为你收集整理的JS Array.reduce 对象属性累加的全部内容,希望文章能够帮你解决JS Array.reduce 对象属性累加所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(39)

评论列表共有 0 条评论

立即
投稿
返回
顶部