How to check whether an object key exists or not in JavaScript?

Question

I am getting an object from backend and that object has several keys and values. According to the database data sometimes some of the keys won't be available. So I have used ternary operator for it but still, it is not working.

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

Expected result: Whether an "image" key is there or not there shouldn't be any error. Either it should be some status or 'Not Assigned';

Current result: TypeError: df[temp].image is undefined

Anyone any idea why this is happening?

Answer 1

You are checking on already undefined value. First you need to verify that image exists and then you can access its fields.

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