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

2023-11-02

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

原数组如下

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)

转载其他博主 只为用时方便!

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

JS合并数组对象中key相同的数据(将数组里某个属性相同的对象合并成一个数组) 的相关文章

  • ir指令、立即数的作用_我们一起学RISC-V——05-RV32I指令集

    本期内容如下 RISC V指令格式 RV32I指令命名规则 RV32I指令集 重点指令详解 一 RISC V指令格式 RISC V按照32bit的指令不同字符的具体分布共分为6种基本格式 分别是R类型 I类型 S类型 U类型 J类型 B类型
  • jdbc获取一行字符串_JDBC基础

    什么是JDBC JDBC就是Java程序访问数据库的规范 是一个规范定义接口 各种数据库厂家实现了JDBC这个接口 这些实现类就是数据库驱动 使用时只需要调用接口中的方法即可 不用关注类是如何实现的 JDBC的核心API有以下几种 Driv
  • 前端学习——css盒子模型、css3新特性、伪类、布局0711TODO

    样式还是得具体使用才能理解 不然会忘记也理解不透彻 还有定位 元素溢出 浮动 布局水平 垂直对齐 css3新特性 1过渡 2 动画 3 2D 3D转换 伪类 三种定位方式 弹性布局 栅格布局

随机推荐