前端:集合对象中如何获取对象中某个属性的计算值

导读:本篇文章讲解 前端:集合对象中如何获取对象中某个属性的计算值,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

通过浏览器控制台添加对象集合,可以看出里面有三个对象,现在我想对他们的num属性进行相加应该怎么操作

var names=[{name:"zs",num:12},{name:"ww",num:12},{name:"ls",num:23}]

在这里插入图片描述

通过reduce方法进行操作

names.reduce((n1,n2)=>n1+n2.num,0)
在这里插入图片描述

Vue中的用法:

在vue的computed计算属性中定义一个方法通过集合的reduce方法进行计算返回数据.
其中括号里面的(c1,c2)是集合的对象,其中c1一开始的值是我们定义的0,所以第一次运算是0+集合下标为0的.num的值,第二次运算是把0+集合下标为0的.num的值当成c1对象的值,c2对象就会集合中下一个对象的num+之前的c1值,以此往后算出集合所有的num值

 computed:{
   total(){
       return this.selected.reduce((c1,c2)=>c1+c2.num,0)
   }
 }

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之家整理,本文链接:https://www.bmabk.com/index.php/post/83846.html

(0)
小半的头像小半

相关推荐

极客之家——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!