前端两个数组根据相同字段合并数组

        let arr1 = [
            {'id':1,'name':'高','age':10},
            {'id':2,'name':'张','age':20},
            {'id':3,'name':'李','age':30},
            {'id':4,'name':'赵‘,'age':10},
            {'id':5,'name':'王’,'age':20},
        ];
 
        let arr2 = [
            {"id":1,"value":"111"},
            {"id":2,"value":"11111"},
            {"id":3,"value":"25462"},
            {"id":4,"value":"23131"},
            {"id":5,"value":"2315432"},
        ];
 
          arr3 = [
            {"id":1,"name":"高","value":"111"},
            {"id":2,"name":"张","value":"11111"},
            {"id":3,"name":"李","value":"25462"},
            {"id":4,"name":"赵","value":"23131"},
            {"id":5,"name":"王","value":"2315432"},
        
        ];
 
        //对于数组arr1 和数组 arr2. 我们需要把数组arr1 里面的name属性以及值,根据id放在数组arr2 里面.也就数组arr3的形式

// 方法一

arr2.map((item2) => {
  arr1.map((item1) => {
    if (item2.id == item1.id) {
      let json = {
        'name': item1.name
      };
      Object.assign(item2, json);
      return item2;
    }
  })
})
console.log(arr2);

// 方法二
const combined = arr2.reduce((acc, cur) => {
  const target = acc.find(e => e.id === cur.id);
  console.log(target)
  if (target) {
    Object.assign(target, cur);
  } else {
    acc.push(cur);
  }
  return acc;
}, arr1);
console.log('新数组2', combined);
// 方法三

for (let i = 0; i < arr2.length; i++) {
  for (let j = 0; j < arr1.length; j++) {
    if (arr2[i].id == arr1[j].id) {
      arr2[i].name = arr1[j].name;
    }
  }
}
console.log(arr2);

首先,需要明确合并的规则。如果要按照多个字段合并,我们需要将这些字段的值拼接成一个唯一的标识,然后再根据这个标识进行合并。 下面是一个示例代码: ```js // 原始数组 const arr = [ { id: 1, name: 'Tom', age: 20 }, { id: 2, name: 'Jerry', age: 22 }, { id: 3, name: 'Alice', age: 20 }, { id: 4, name: 'Bob', age: 22 } ]; // 要合并字段名称,按照顺序进行拼接 const fields = ['age', 'name']; // 根据多个字段合并 const mergedArr = arr.reduce((acc, cur) => { const key = fields.map(field => cur[field]).join('_'); const existItem = acc.find(item => item.key === key); if (existItem) { existItem.data.push(cur); } else { acc.push({ key, data: [cur] }); } return acc; }, []).map(item => item.data); console.log(mergedArr); ``` 解释一下代码的思路: 1. 先定义要合并字段,这里是 `age` 和 `name`。 2. 然后使用 `reduce` 方法遍历原始数组,将每个元素拼接成一个唯一的标识。 3. 如果这个标识已经存在于结果数组中,则将当前元素添加到已有项的 `data` 数组中,否则将当前元素作为一个新的项添加到结果数组中。 4. 最后再次遍历结果数组,提取其中的 `data` 字段,就得到了按照多个字段合并后的数组。 注意,这个示例中将多个字段的值用 `_` 进行了拼接,如果字段中可能包含 `_` 的话,需要使用其他的字符进行拼接,并且在合并的时候也要考虑这些字符的影响。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值