如何檢查JavaScript中是否存在對象密鑰？

Question

我從后端獲取一個對象，該對象具有多個鍵和值。 根據數據庫數據，有時某些鍵將不可用。 因此，我已經使用了三元運算符，但仍然無法正常工作。

 `
  <tr>
     <td>
         ${(df[temp].image.status)?df[temp].image.status:'Not Assigned'}
     </td>
  </tr>
  `

預期結果：無論是否有“圖像”鍵，都不應有任何錯誤。 應該是某種狀態還是“未分配”；

當前結果：TypeError：df [temp] .image未定義

有人知道為什么會這樣嗎？

Answer 1

您正在檢查已經undefined值。 首先，您需要驗證image是否存在，然后可以訪問其字段。

<tr>
    <td>
        ${(df[temp].image && df[temp].image.status) ? (df[temp].image.status) : 'Not Assigned'}
    </td>
</tr>