根据打字稿中的密钥合并2个数组（Angular 13）

Question

我有两个阵列每个都有一个通用键的“ productid”。我想根据公共字段“ Productid”合并两个阵列。

• 数组1：

  {productimageId：1，productid：1，productImage：'asf'} {productimageId：2，productid：2，productname：'acch'} {ProductImageId：3，productid：3，productImage：'bmd'}

• array 2：

  {productid：1，productCode：'a20292'，uom：'no'，数量：23} {productid：2，productcode：'b8282222'，uom：'no'，数量：20} {productid：3，productcode：'r29299922'，uom：'no'，数量：98}

我尝试使用映射，但是我遇到了一个错误“映射不是函数” “ core.mjs：6494错误typeerror：array1.map不是一个函数

，这里是我尝试过的代码，

`mergeById(array1:any, array2:any) {
  array1.map((itm:any) => ({
   ...array2.find((item:any) => (item.productID === itm.productID) && item),
   ...itm
 }));
 }`

我在这里粘贴了，我想根据匹配的“ productid”合并这两个阵列。任何帮助都非常感谢。

Answer 1

我想您使用该功能正在做错事。

我定义了该功能，

function mergeById(array1: { productID: number }[], array2: { productID: number}[]): { productID: number }[] {
  return array1.map((itm) => ({
    ...array2.find((item) => (item.productID === itm.productID)),
    ...itm,
   }));
}

请参见上面的使用正确类型的含义。否则，您的IDE无法在编译时间告诉您该类型是否具有MAP功能。

我使用了以下方式：

const array1 = [
    { productImageID: 1, productID: 1, productImage: 'asf' },
    { productImageID: 2, productID: 2, productName:'anx' },
    { productImageID: 3, productID: 3, productImage: 'bmd' },
];
const array2 = [
    { productID: 1, productCode: 'A20292', uom: 'No', quantity: 23 },
    { productID: 2, productCode: 'B8282222', uom: 'No', quantity: 20},
    { productID: 3, productCode: 'R29299922', uom: 'No', quantity: 98 }
];
console.log(mergeById(array1, array2));

结果似乎是正确的。

我在您的功能中看到的是您不返回某物。也许这是问题。