怎么合并两个数组

Question

怎么合并两个数组呢，把data2里对应id的remark放进data1对应的id这里面，最终效果就是data3这样

const data1 = [
    { "id": 1, "url": "1111" },
    { "id": 2, "url": "111" },
    { "id": 3, "url": "22222" },
    { "id": 4, "url": "222" },
    { "id": 5, "url": "2222" },
    { "id": 6, "url": "22222是" }
]
const data2 = [
    { "id": 1, "remark": "备注1" },
    { "id": 2, "remark": "备注2" },
    { "id": 3, "remark": "" },
    { "id": 4, "remark": "" },
    { "id": 5, "remark": "" },
    { "id": 6, "remark": "beizhu6" }
]
function fun(arr1, arr2) {
    arr1.map(item => {
        arr2.map(item2 => {
            if (item.id == item2.id) {

            }
        });
    });
    arr2 = [];
    return arr1
}
fun(data1,data2);

data3=[
    { "id": 1, "url": "1111", "remark": "备注1" },
    { "id": 2, "url": "111", "remark": "备注2" },
    { "id": 3, "url": "22222", "remark": "" },
    { "id": 4, "url": "222", "remark": "" },
    { "id": 5, "url": "2222", "remark": "" },
    { "id": 6, "url": "22222是", "remark": "beizhu6" }
]

Answer 1

arr1.forEach((item1,index) => {
    arr1[index] = Object.assign(arr1[index],arr2.filter(item2 => item2.id == item1.id)[0])
})

Answer 2

const data3 = []
for (let i = 0; i < data1.length; i++) {
    data3.push({
        ...data1[i],
        ...data2[i],
    })

}

Answer 3

data1.map(o=>({...o,...data2.filter(v=>v.id===o.id).shift()}))

// 如果两个数组的结构一定相同:
data1.map((o, i) => ({ ...o, ...data2[i] }))

Answer 4

const data1 = [
    { "id": 1, "url": "1111" },
    { "id": 2, "url": "111" },
    { "id": 3, "url": "22222" },
    { "id": 4, "url": "222" },
    { "id": 5, "url": "2222" },
    { "id": 6, "url": "22222是" }
]
const data2 = [
    { "id": 1, "remark": "备注1" },
    { "id": 2, "remark": "备注2" },
    { "id": 3, "remark": "" },
    { "id": 4, "remark": "" },
    { "id": 5, "remark": "" },
    { "id": 6, "remark": "beizhu6" }
]
let getItemById = id => data2.filter(item => item.id === id)[0]
let dataConcat = data1.map(item => {
  return Object.assign(item, getItemById(item.id))
})

Answer 5

function merge (arr1, arr2) {
  let idToIndex = {}
  arr1.forEach((item, index) => {
    idToIndex[item.id] = index
  })
  arr2.forEach(item => {
    let index = idToIndex[item.id]
    if (index !== undefined) {
      Object.assign(arr1[index], item)
    } else {
      arr1.push(item)
      idToIndex[item.id] = arr1.length - 1
    }
  })
  return arr1
}

Answer 6

基本上只能通过数值映射或者循环两个数组来处理

Answer 7

data1.map(i => ({ ...i, ...data2.map(o => ({ id: o.id, remark: o.remark })).find(o => o.id === i.id) }))

Answer 8

我来用最好的语言来处理一下这个问题

<?php
$data1 = '[{"id":1,"url":"1111"},{"id":2,"url":"111"},{"id":3,"url":"22222"},{"id":4,"url":"222"},{"id":5,"url":"2222"},{"id":6,"url":"22222是"}]';
$data2 = '[{"id":1,"remark":"备注1"},{"id":2,"remark":"备注2"},{"id":3,"remark":""},{"id":4,"remark":""},{"id":5,"remark":""},{"id":6,"remark":"beizhu6"}]';
$data1 = json_decode($data1,true);
$data2 = json_decode($data2,true);
echo json_encode(array_merge_recursive($data1, $data2));

系统函数轻松搞定