首页 > 解决方案 > 如果条件失败或处于否定条件,Reactjs 数组循环不起作用

问题描述

我想循环array下面的。

条件
如果系统:TEST ID 为“No Number”,我想显示“system”:“ALT ID”id 为“123456789”,否则我应该显示系统:TEST ID“id”

当前状态
当 TEST ID 的值为“No Number”时,此代码工作正常,但如果 TEST ID 有任何数字,如“2345678”,则此代码不起作用。

"FindId": [
    {
        "id": "No Number",
        "system": "TEST ID"
    },
    {
        "id": "123456789",
        "system": "ALT ID"
    }
]

let result = FindId && FindId.find(data => data.system === "TEST ID").id
if (result === "No Number") {
    result = FindId.find(data => data.system === "ALT ID").id
}

return { result }

标签: javascriptarraysreactjs

解决方案


这应该有效。

FindId = [
  {
    id: "No Number",
    system: "TEST ID",
  },
  {
    id: "123456789",
    system: "ALT ID",
  },
];

const testId = FindId?.find((data) => data.system === "TEST ID")?.id;
const altId = FindId?.find((data) => data.system === "ALT ID")?.id;
const result = testId === "No Number" ? altId : "id";

console.log(`TEST ID: ${result}`);


推荐阅读