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


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

    原数组如下

    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)
    

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

    转自于:https://blog.csdn.net/shiningyn/article/details/105409636

  • 相关阅读:
    空余时间
    日期的获取
    checkbox的样式
    表格
    v-for的一些小demo
    进程在与Windows Process Activation Service通信时出现严重错误 w3wp.exe错误
    c# 一些DateTime.Now的常用语法
    wcf错误 无法激活服务,因为它不支持 ASP.NET 兼容性
    c# 未能加载文件或程序集 相关原因
    IIS配置使网站访问速度提升
  • 原文地址:https://www.cnblogs.com/Ao-min/p/13806955.html
Copyright © 2020-2023  润新知