打字稿：比較兩個不同的具有公共鍵的對象數組，並從源數組中獲取公共對象

Question

我試圖通過檢查一個公共屬性值來比較一個項目是否存在於另一個數組中。 對於下面的代碼，它拋出以下錯誤：

TS2367：此條件將始終返回 'false'，因為類型 'U[K]' 和 'T[K]' 沒有重疊。

 const sourceArray = [{requestId: "1", name: "henry"},{requestId: "2", name: "bob"}] 
 const arrayListToCompareWith = [{requestId: "1", age: 30}, {requestId: "9", age: 40}]
 const commonItems = getItemsInSourceArrayWhichArePresentInArrayToBeComparedWith(sourceArray,arrayListToCompareWith, "requestId" )
 
 function getItemsInSourceArrayWhichArePresentInArrayToBeComparedWith<
    T,
    U,
    K extends keyof T & keyof U,
  >(
    sourceArray: T[],
    arrayListToCompareWith: U[],
    comparisonKey: K, // "requestId"
  ) {
    const itemsInSourceArrayWhichAreNotPresentInArrayToBeComparedWith: T[] =
      sourceArray.filter((sourceArrayItem: T): boolean => {
        const { [comparisonKey]: sourceArrayItemComparisonKeyValue } = sourceArrayItem; sourceArrayItemComparisonKeyValue
        const itemExistsInTheArrayWeAreComparingWith: boolean =
          arrayListToCompareWith.some((itemToCompareWith: U): boolean => {
            const comparisonValueInItemToCompareWith = itemToCompareWith[comparisonKey]; // U[K]
            const comparisonValueInSource = sourceArrayItemComparisonKeyValue; //T[K]
            // TS2367: This condition will always return 'false' since the types 'U[K]' and 'T[K]' have no overlap.
            const check = comparisonValueInItemToCompareWith === comparisonValueInSource;
            return check;
          });
        return itemExistsInTheArrayWeAreComparingWith;
      });
    return itemsInSourceArrayWhichArePresentInArrayToBeComparedWith;
  }

以下是上述代碼問題的 TS 游樂場鏈接：

運行代碼的TS Playground鏈接

Answer 1

問題是您沒有告訴 Typescript T和U之間存在任何關系，特別是您沒有說它們必須具有相同的屬性K值類型。

實際上不需要你的第二個類型參數U - 我們需要說的是第二個數組包含具有與T相同值類型的鍵K對象。 這可以更簡單地寫為Pick<T, K> 。

function filterByKey<T, K extends keyof T>(arr: T[], keysToKeep: Pick<T, K>[], key: K) {
  return arr.filter(
    item => keysToKeep.some(
      otherItem => item[key] === otherItem[key]
    )
  );
}

游樂場鏈接