javascript - react : Filter or map Object by iterating through list of objects

Question

我有 CutomerType 对象和 Customer 对象的列表。 Customer 对象具有 cutomerType id 属性。根据客户对象上的客户类型 ID，我必须循环或映射正确的 customerType 对象并显示名称代码。

[ {
  "id" : "5436d5fd-e3ea-4e09-be4a-a80967cd72e5",
  "code" : "0",
  "name" : "UN"
}, {
  "id" : "674b76b8-f1ac-5c14-e053-ce5e1cac867d",
  "code" : "1",
  "name" : "NON-UN"
}, {
  "id" : "674b76b8-f1ad-5c14-e053-ce5e1cac867d",
  "code" : "2",
  "name" : "COS-UN"
}, {
  "id" : "674b76b8-f1ae-5c14-e053-ce5e1cac867d",
  "code" : "NA",
  "name" : NA"
} ]


Customer
{
  "id" : "1",
   "name": "Jhon",
   "type": "5436d5fd-e3ea-4e09-be4a-a80967cd72e5",   
}

Answer 1

这就是你可以做的。

const customerCodeArray = [{
  "id": "5436d5fd-e3ea-4e09-be4a-a80967cd72e5",
  "code": "0",
  "name": "UN"
}, {
  "id": "674b76b8-f1ac-5c14-e053-ce5e1cac867d",
  "code": "1",
  "name": "NON-UN"
}, {
  "id": "674b76b8-f1ad-5c14-e053-ce5e1cac867d",
  "code": "2",
  "name": "COS-UN"
}, {
  "id": "674b76b8-f1ae-5c14-e053-ce5e1cac867d",
  "code": "NA",
  "name": "NA"
}]


const customer = {
  "id": "1",
  "name": "Jhon",
  "type": "5436d5fd-e3ea-4e09-be4a-a80967cd72e5",
};

const getCustomerCode = (type) => {
  const filterList = customerCodeArray.filter((obj) => obj.id === type);
  if (filterList.length > 0) {
    return filterList[0];
  }
}
console.log(getCustomerCode(customer.type));