JS合并数组对象中key相同的数据(将数组里某个属性相同的对象合并成一个数组)两种方案

5 篇文章 0 订阅

将数组里某个属性相同的对象合并成一个数组

原数组如下

let resData = [
      {
        "name": "住院医疗最高报销",
        "tagName": "医疗",
        "insuredAmount": "6000"
      },
      {
        "name": "身故赔付",
        "tagName": "寿险",
        "insuredAmount": "36.00"
      },
      {
        "name": "烦死了免费陈述事实",
        "tagName": "寿险",
        "insuredAmount": "8888.00"
      },
      {
        "name": "你好,噜噜噜",
        "tagName": "寿险",
        "insuredAmount": "66.00"
      },
      {
        "name": "120种重大疾病确诊赔付",
        "tagName": "重疾",
        "insuredAmount": "350000"
      }
    ]

需求是,转成如下数组
也就是将具有相同“tagName”的对象合并成新数组

let Data = [
      {
        "tagName": "医疗",
        dataInfo: [
          {
            "name": "住院医疗最高报销",
            "tagName": "医疗",
            "insuredAmount": "6000"
          }
        ]
      },
      {
        "tagName": "寿险",
        dataInfo: [
          {
            "name": "身故赔付",
            "tagName": "寿险",
            "insuredAmount": "36.00"
          },
          {
            "name": "烦死了免费陈述事实",
            "tagName": "寿险",
            "insuredAmount": "8888.00"
          },
          {
            "name": "你好,噜噜噜",
            "tagName": "寿险",
            "insuredAmount": "66.00"
          },
        ]
      },
      {
        "tagName": "重疾",
        dataInfo: [
          {
            "name": "120种重大疾病确诊赔付",
            "tagName": "重疾",
            "insuredAmount": "350000"
          }
        ]
      }
    ]

以下是解决方案
方案一:

let tempArr = [];
let Data = [];
for (let i = 0; i < resData.length; i++) {
   if (tempArr.indexOf(resData[i].tagName) === -1) {
     Data.push({
       tagName: resData[i].tagName,
       dataInfo: [resData[i]]
     });
     tempArr.push(resData[i].tagName);
   } else {
     for (let j = 0; j < Data.length; j++) {
       if (Data[j].tagName == resData[i].tagName) {
         Data[j].dataInfo.push(resData[i]);
         break;
       }
     }
   }
 }
 console.log(Data);

let dataInfo = {};
resData.forEach((item, index) => {
	let { tagName } = item;
	if (!dataInfo[tagName]) {
		dataInfo[tagName] = {
			tagName,			
			child: []
		}
	}
	dataInfo[tagName].child.push(item);
});
let list = Object.values(dataInfo); // list 转换成功的数据
console.log(list)

以上方法综合借鉴了其他博主的文章,总结以供大家一起学习!

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值