JavaScrip 将三个数组合并，并根据相同的 id 合并对象，同时对于不同 id 的对象进行新增

将三个数组合并，并根据相同的 id 合并对象，同时对于不同 id 的对象也进行新增

const array1 = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' }
];

const array2 = [
  { id: 1, age: 25 },
  { id: 3, age: 30 }
];

const array3 = [
  { id: 1, gender: 'Female' },
  { id: 2, gender: 'Male' },
  { id: 4, gender: 'Other' }
];

// 合并数组并根据 id 合并对象
const combinedArray = [...array1, ...array2, ...array3].reduce((acc, item) => {
  // 查找累加器中是否已有相同 id 的对象
  const existingItem = acc.find(obj => obj.id === item.id);
  
  if (existingItem) {
    // 如果有，则合并对象
    Object.assign(existingItem, item);
  } else {
    // 如果没有，则直接添加到累加器数组中
    acc.push(item);
  }
  
  return acc;
}, []); // 累加器初始化为空数组

console.log(combinedArray);

输出结果

[
    {
        "id": 1,
        "name": "Alice",
        "age": 25,
        "gender": "Female"
    },
    {
        "id": 2,
        "name": "Bob",
        "gender": "Male"
    },
    {
        "id": 3,
        "age": 30
    },
    {
        "id": 4,
        "gender": "Other"
    }
]

我们首先将三个数组合并成一个新数组，然后使用 reduce 方法遍历这个新数组。

对于每个元素，我们检查累加器数组 acc 中是否已有一个具有相同id的元素

如果有合并对象, 如果没有直接添加到累加器数组中