javaScriptでオブジェクトの有無判定についての実装方法や考え方について知りたいです

Question

### 前提
nuxtを使用してシステムを作っています。
（今回の質問はnuxtとは関係ないと思うのでjavaScriptタグのみ付けております。）
今までPHPでしかシステムを作ったことがなかったので、javaScriptの知識が浅い
実装の質問もなのですが、実装する際の考え方があっているかの確認がしたいため投稿させていただきました。


現在APIが通信エラーになった際のテストをしており、下記のエラーが返ってきました。
通信エラーが発生した際、res.data.statusは返ってこないように実装されています。

### 発生している問題・エラーメッセージ
```
   YYYY-MM-DD [APP/PROC/WEB/0] ERR  ERROR  Cannot read property 'status' of undefined
```
対象のオブジェクトがないからundefinedが出ているのは理解しています。

### 該当のソースコード
``` javascript
    // resはAPIから返ってきたレスポンスとする
    if (!res || !res.data || !res.data.status ) {
      context.redirect('/error')
    }
```

### 質問したいこと
- javaScriptではオブジェクトがあるかどうかわからない時(オブジェクトはあるが中身が空も含む)、上記のような判定の仕方は正しいですか？
- obj.hasOwnProperty()などを使うべきなのか？ 
- エラーがはかれるのは許容すべきなのか？

### なぜ疑問に思ったか、質問した経緯、その他
- phpでundefinedが出た時、先輩にはこの手のエラーログが出ないように実装しろと言われていたので、疑問に思いました。jsではこの手のエラーログは出ても仕方ない、許容されている・・・とかあるのでしょうか？
- ネットで一応調べて、上記の実装も正しいように思えましたが、エラーが出てるのが個人的に気持ち悪い＆ネットだと探し方が悪かったのか納得があまりできる説明がなかったため、参考になるURLや回答があれば教えてください。よろしくお願いします。


## 追記
レスポンス書いてましたが勘違いが生じそうなので削除しました。

Accepted Answer

```javascript
if (!res || !res.data || !res.data.status ) {
  context.redirect('/error')
}
```

上記でも問題なさそうですが、プロパティが深くなるにつれて条件分岐も伸びてしまうので、使用可能なら`?.`を用いると尚よいです。

```javascript
if (!res?.data?.status) {
  context.redirect('/error')
}
```

Answer

すみません、ご指摘がありましたが別の行でのエラーでした。。
行番号が出ていなかったため見逃しておりました。

記載したコードの後ろに
``` javascript
    // resはAPIから返ってきたレスポンスとする
    if (!res || !res.data || !res.data.status ) {
      context.redirect('/error')
    }
    const hoge = res.data.status
``` 
というようにres.data.statusを使用しており、リダイレクト後にもこの処理が呼ばれていたようでした。
下記の様にreturnを入れたところ完全にエラー出なくなりました。
``` javascript
    // resはAPIから返ってきたレスポンスとする
    if (!res || !res.data || !res.data.status ) {
      context.redirect('/error')
      return
    }
    const hoge = res.data.status
``` 

エラー行数が出なかったのと簡易的な実行環境で確認していたため、いろいろ勘違いが生じてしまいました。
しかし、教えていただいた判定も知らない物だったので大変勉強になりました。
返信下さった三人の方ありがとうございました。

Answer

こんにちは。


~~ご提示の条件式を`res && res.data && !res.data.status`とするといかがですか？~~

---

また、ヌル合体演算子やオプショナルチェイニング演算子のご使用はいかがですか？
[Null合体演算子 - JavaScript | MDN](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing_operator)
[Optional chaining - JavaScript | MDN](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Optional_chaining)

前提

発生している問題・エラーメッセージ

該当のソースコード

質問したいこと

なぜ疑問に思ったか、質問した経緯、その他

追記

関連した質問