找到相同属性然后进行累加 统计有多少个名字相同的数据 (前端必知,实战代码)

原始效果:
在这里插入图片描述
目标效果:相同名称的数量进行累加
在这里插入图片描述
this.list数据

[
	{
	id: "1",
	name: "霸王几盒3",
	num: 1,
	}, {
	id: "2",
	name: "霸王几盒3",
	num: 1,
	}, {
	id: "3",
	name: "我是小白",
	num: 1,
	}, {
	id: "4",
	name: "霸王几盒3",
	num: 1,
	},
 ]

操作代码(思路:循环找到一样名称的然后进行累加)

// 定义局部变量,用来操作
let detailedList = [];
// 用于储存临时数据(记录)
let tmp = {};
// this.list是我们的数组数据
this.list.forEach((v) => {
	if (!tmp.hasOwnProperty(v.name)) {
		tmp[v.name] = detailedList.length;
		return detailedList.push(Object.assign({}, v));
	}
	detailedList[tmp[v.name]].num += v.num;
});

// 赋值(这时你打印detailedList,就是我们要的目标数据了)
this.formDataChu.listChu = detailedList

最后有什么不懂的欢迎留言,如果能帮助到你,请给我点个赞以示鼓励吧!

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值