Cannot read properties of undefinedの原因と対処法！JavaScriptエラー

JavaScriptエラー「Cannot read properties of undefined」が表示され困ったことはないでしょうか。

けど、そんな中で悩むことは、

ですよね。

今回はそんなお悩みを解決する

についてまとめます！

JavaScriptエラー「Cannot read properties of undefined」の原因

このエラーは、オブジェクトがundefinedまたはnullであるため、そのプロパティにアクセスできない場合に発生します。

エラーを再現

エラーを再現してみましょう。以下のコードを入力します。

const value = { title: "title1", no: 30 };
console.log(value.detail.num);

結果です。

キャッチされていないTypeのErrorです。 未定義のプロパティを読み取ることができません (‘num’読み込み時)という内容になります。

タカヒロ

Reactでもよく出くわすエラーですね。

JavaScriptエラー「Cannot read properties of undefined」の対処法

存在するオブジェクトのプロパティを指定するようにしましょう。
上記コードの修正例です。

const value = { title: "title1", no: 30 };
console.log(value.no);

タカヒロ

存在しないプロパティを指定しないよう注意しましょう。

さいごに

いかがでしょうか。

今回は、

についてまとめました。

また、他にも便利な方法がありますので、よろしければご参照頂ければと思います。