javascript - 如何将两个或多个包含多个对象的数组合并为一个并增加它们的 ID？

Question

我有三个像这样的对象数组

  const arr1 = [{id: 1, name: 'Jay'}, {id: 2, name: 'Kay'}];
    const arr2 = [{id: 1, name: 'Pete'}, {id: 2, name: 'Liam'}];
    const arr3 = [{id: 1, name: 'Baby'}, {id: 2, name: 'Neeson'},  {id: 3, name: 'Kobe'}];

我想将它们合并到一个像这样的数组中

const bigArray = [{id: 1, name: 'Jay'}, {id: 2, name: 'Kay'},{id: 3, name: 'Pete'}, {id: 4, name: 'Liam'}, {id: 5, name: 'Baby'}, {id: 6, name: 'Neeson'},  {id: 7, name: 'Kobe'}];

我知道我可以使用扩展运算符将它们扩展为单个数组，但我还需要在连接它们时递增 ID。我怎样才能做到这一点？

Answer 1

根据索引重新分配id:

 const merged = [...arr1, ...arr2, ...arr3];
 merged.forEach((el, index) => el.id = index + 1);