对象数组某个属性值相同的数据合并

在开发过程中,遇见后台传递的对象数组数据太散的时候,我们需要重构数据使用,借鉴两种方法来合并数据,总结如下:

   //需要处理的数据
	result: [
        { name: 'a', score: 80 },
        { name: 'b', score: 90 },
        { name: 'c', score: 60 },
        { name: 'a', score: 50 },
        { name: 'b', score: 66 }
      ]
方法一 将相同name字段属性的对象放入children的数组中,生成一个新的对象数组
 // 相同数据整合
    handlerDatas(arr){
     	const obj = {};
      	arr.forEach((item, index) => {
	        const { name} = item; //解构赋值
	        if (!obj[name]) {
	          obj[name] = {
	            name,
	            children: []
	          }
	        }
	        obj[name].children.push(item);
	      });
	     const data = Object.values(obj); // 最终输出
	     return data
    },
	合并后的数据如下
	data:[
		{name: 'a', children:[{name:'a', score: 80},{ name: 'a', score: 50 }]},
		{name: 'b', children:[{name:'b', score: 90},{ name: 'b', score: 66 }]},
		{name: 'c', children:[{name:'c', score: 60}]}
	]
方法二 将相同name字段属性对象的score值相加并剔除多余数据
handlerDatas(arr){
	const data = array.map(function(item, index, arr) {
        const i = arr.find(_item => item.name === _item.name);
        if (i !== item) {
          i.score += item.score
          return undefined;
        } else {
          return i;
        }
    }).filter(item => item !== undefined);
    return data
}
	合并后的数据如下
	data:[
		{name: 'a', score: 130},
		{name: 'b', score: 156},
		{name: 'c', score: 60}
	]

学海无涯!!!

  • 6
    点赞
  • 25
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值