angular 6如果ID匹配加上显示第一个数组中的所有内容，则合并两个数组

interface Item {
  id: number;
  name: string;
  // 其他属性...
}

// 第一个数组
const array1: Item[] = [
  { id: 1, name: 'Item 1' },
  { id: 2, name: 'Item 2' },
  { id: 3, name: 'Item 3' }
];

// 第二个数组
const array2: Item[] = [
  { id: 2, name: 'Item 2 Updated' },
  { id: 4, name: 'Item 4' }
];

// 合并数组的函数
function mergeArrays(array1: Item[], array2: Item[]): Item[] {
  const mergedArray: Item[] = [];

  array1.forEach(item1 => {
    const matchingItem = array2.find(item2 => item2.id === item1.id);

    if (matchingItem) {
      mergedArray.push({ ...item1, ...matchingItem });
    } else {
      mergedArray.push(item1);
    }
  });

  return mergedArray;
}

// 调用合并数组的函数
const mergedArray = mergeArrays(array1, array2);
console.log(mergedArray);

[
  { id: 1, name: 'Item 1' },
  { id: 2, name: 'Item 2 Updated' },
  { id: 3, name: 'Item 3' }
]