在對象數組中查找字符串

Question

我有兩個不同的數組，我試圖過濾一個，同時循環另一個。

const serviceCodes = 
[
  {
    ...otherStuff...
    "codes": [
      "786410010",
      "787885010"
    ]
  }
]

和

const laborCost = 
[
  {
    "laborCode": "786410010",
    "estimatedCost": {
      "value": -1,
      "currency": "USD"
    }
  },
  {
    "laborCode": "787885010",
    "estimatedCost": {
      "value": -1,
      "currency": "USD"
    }
  }
]

我正在遍歷serviceCodes並嘗試僅返回與 labourCode 匹配的對象

const serviceMatchesRow = serviceCodes[0].codes.forEach((code) => {
  return laborCost?.find(
    (service) => service.laborCode === code,
  )
})

這將返回 undefined ，因為forEach只運行它，但如果我使用.map代替，它會返回laborCost中的 2 個對象。 如果我改為.find ，它會返回一個帶有laborCode本身的數組["786410010", 787885010] 。

那么我該如何解決呢？

所需的輸出將類似於：

[{
  "laborCode": "786410010",
  "estimatedCost": {
    "value": -1,
    "currency": "USD"
  }
}]

Answer 1

forEach 方法不返回任何內容

所以你應該在新數組中插入匹配對象。 或使用 .map 方法

const serviceMatchesRow = [];
 serviceCodes[0].codes.map((code) => {
    serviceMatchesRow.push(laborCost.find((service) => { 
        return service.laborCode === code 
        }
    ));
});

Answer 2

問題：您正試圖從 foreach 塊中返回； 那不會返回任何東西，這就是您看到未定義的原因。

解決方案：在對數組進行迭代時使用map返回。

const serviceMatchesRow = serviceCodes[0].codes.map((code) => {
  return laborCost.find(
    (service) => service.laborCode === code,
  )
})

工作小提琴： https ://jsfiddle.net/240z5u3f/3/