Как проверить, существует ли ключ объекта в 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>