React：通过遍历对象列表来过滤或映射对象

Question

我有CutomerType对象和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 loop = // whole array;
const customer = // customer object
loop.find(el => el.id === customer.type).name

Answer 2

这就是您可以做的。

 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)); 

Answer 3

const filteredResult = customerCodeArray.filter(type => type.id === Customer.type);

console.log(filteredResult[0].name);