如何遍歷json物件中的陣列

我有以下型別的 json：

[
{
    "insInvolvementId": "3C5ABFBAD0701CD9",
    "clientId": "C3110828C5DFF28A",
    "client": {
        "firstName": "JAMCN",
        "middleName": null,
        "lastName": "PERGY",
        "icsPartyId": "005569150400300"
    },
    "involvementRole": [
        {
            "involvementRoleId": "13F981C9C8DAAABC",
            "insInvolvedId": "3C5ABFBAD0701CD9",
            "involvementRole": "DRVR",
            "involvementRoleDescription": "Driver"
        },
        {
            "involvementRoleId": "012B3A9B1868F472",
            "insInvolvedId": "3C5ABFBAD0701CD9",
            "involvementRole": "OWNR",
            "involvementRoleDescription": "Owner"
        },
        {
            "involvementRoleId": "5F9A6648EC1C74AE",
            "insInvolvedId": "3C5ABFBAD0701CD9",
            "involvementRole": "PIN",
            "involvementRoleDescription": "Insured"
        }
    ]
},
{
    "insInvolvementId": "56A463A6A1BE49A4",
    "clientId": "8D15AECA4B8E6161",
    "client": {
        "firstName": "DANNY",
        "middleName": null,
        "lastName": "BROWN",
        "icsPartyId": "021166740400300"
    },
    "involvementRole": [
        {
            "involvementRoleId": "8EA862DB893DB022",
            "insInvolvedId": "56A463A6A1BE49A4",
            "involvementRole": "OWNR",
            "involvementRoleDescription": "Owner"
        },
        {
            "involvementRoleId": "EFCCBE3B7C57ACE4",
            "insInvolvedId": "56A463A6A1BE49A4",
            "involvementRole": "DRVR",
            "involvementRoleDescription": "Driver"
        },
        {
            "involvementRoleId": "1E0221EB38D4171D",
            "insInvolvedId": "56A463A6A1BE49A4",
            "involvementRole": "CMT",
            "involvementRoleDescription": "Claimant"
        }
    ]
}
   ]

我想得到如下所述的結果。該名稱應與每個物件的參與角色陣列中存在的每個參與角色描述一起列印。

JAMCN PERGY  Driver
JAMCN PERGY  Owner
JAMCN PERGY  Insured
DANNY BROWN  Owner
DANNY BROWN  Driver
DANNY BROWN  Insured

我無法遍歷參與角色陣列，我得到一個空格而不是參與角色描述值。到目前為止，我有這個代碼：

const Checkbox = (props) => {
const classes = useStyles();
const checkbox = props.list.map((m) => (
  
  
  <div>
      <tbody style={{ width:'100%' }}>
          <tr>
  <td style={{width:'60px'}}> <input type="checkbox"  onClick={() => props.handleCheckboxChange(m)} /></td> 
   <td style={{width:'250px'}}> {m.involvementRole.map( x => x.involvementRole.involvementRoleDescription)} </td>  
  <td style={{width:'250px'}}>{m.client.firstName  ' ' m.client.lastName }</td>
    </tr>
    </tbody>
</div>
)

);

uj5u.com熱心網友回復：

m.involvementRole.map

應該接受一個引數，該引數是一個將應用于 m.involvementRole 的每個成員的函式。您的函式正在嘗試訪問 m.involvementRole 陣列中每個專案的參與角色.involvementRoleDescription 屬性。但是不存在這樣的屬性。

你需要的更像是：

{m.involvementRole.map( x => x.involvementRoleDescription)}

uj5u.com熱心網友回復：

用 x.involvementRoleDescription 替換 x.involvementRole.involvementRoleDescription ，它應該可以作業。

uj5u.com熱心網友回復：

您要先映射“外部”陣列，然后映射“內部”involvementRole陣列，然后回傳每一行。

例子：

<table>
  <tbody style={{ width: "100%" }}>
    {props.list.map(m => {
      return m.involvementRole.map(role => (
        (
          <tr>
            <td style={{ width: "60px" }}>
              {" "}
              <input
                type="checkbox"
                onClick={() => props.handleCheckboxChange(m)}
              />
            </td>
            <td style={{ width: "250px" }}>
              {m.client.firstName   " "   m.client.lastName}
            </td>
            <td style={{ width: "250px" }}>
              {role.involvementRoleDescription}
            </td>
          </tr>

        )
      ))
    })}
  </tbody>
</table>

uj5u.com熱心網友回復：

這一行是錯誤的，m.involvementRole.map( x => x.involvementRole.involvementRoleDescription 你應該使用這個代碼m.involvementRole.map( x => x.involvementRoleDescription

標籤：javascript 反应

上一篇：使用正則運算式提取`<key>:<value>`對

下一篇：React如何知道this.props？