js合并对象数组

1.data初始值:

data=[
        {
          "r_id": "1",
          "name": "小明",
          "type": "Role",
          "alias": [
              "1",
              "2"
          ]
        },
        {
          "r_id": "1",
          "name": "小明",
          "type": "Role",
          "alias": [
              "3"
          ]
        },
        {
          "r_id": "2",
          "name": "小黑",
          "type": "Role",
          "alias": [
              "1"
          ]
        },
        {
          "r_id": "2",
          "name": "小黑",
          "type": "Role",
          "alias": [
              "2"
          ]
        },
      ]

2.最终需要得到的结果:

data=[
        {
          "r_id": "1",
          "name": "小明",
          "type": "Role",
          "alias": [
              "1",
              "2",
              "3"
          ]
        },
        {
          "r_id": "2",
          "name": "小黑",
          "type": "Role",
          "alias": [
              "1",
              "2"
          ]
        },
      ]

3.代码
初始数据是一个数组,最终仍然得到一个数组

 var newarr = JSON.parse((JSON.stringify(data)))
// 循环两次,如果i和j的r_id相等时,就把j的alias加入i中,并将j从数组中删除
for (let i = 0; i < newarr.length; i++) {
    for (let j = i + 1; j < newarr.length; j++) {
        if (newarr[i].r_id == newarr[j].r_id) {
        	//解构赋值:将一个对象中的所有alias都加入i中
            newarr[i].alias.push(...newarr[j].alias)
            //删除j
            newarr.splice(j, 1);
            j--
        }
    }
}
console.log(newarr);

4.拓展

如果需要得到一个对象数组,且有一个data字段存储了整条数据
在这里插入图片描述

var arr2 = [];
// 遍历数组
for (var i = 0; i < arr.length; i++) {
   // 判断新定义的数组有没有值  没有值则减第一个类给他赋值上去
   if (arr2.length == 0) {
       arr2.push({
           r_id: arr[i].r_id,
           name:arr[i].name,
           data: [arr[i]]
       })
   } else { // 第一个完后 后面的有值了 使用findindex()方法进行比较 存在返回下标index 不存在则返回-1
       var index = arr2.findIndex(item => {
           return item.r_id == arr[i].r_id && item.name==arr[i].name
       });
       // 判断index是否大于0 大于0则在该类的data push进该类别的数据
       if (index >= 0) {
           arr2[index].data.push(arr[i])
       } else {  // 不存在则新建一个对象  push 进arr2 里面 作为第二个类
           arr2.push({
               r_id: arr[i].r_id,
               name:arr[i].name,
               data: [arr[i]]
           })
       }
   }
};
console.log(arr2)

在这里插入图片描述
转换为:

[
	{name:"医生", type:"角色"},
	{name:"瓶子", type:"背景"},
]
let result = [];

// 转换 roleItemList 和 backgroundList 数组为对象数组
for (let key in data) {
  if (data.hasOwnProperty(key)) {
  	// 变量需要写在[]中
    data[key].forEach(item => {
      let obj = {};
      obj.name = item;
      obj.type = key === 'roleItemList' ? '角色' : '背景';
      result.push(obj);
    });
  }
}
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值