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

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

ですよね。

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

についてまとめます！

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

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

エラーを再現

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

const value = null;
console.log(value.title);

結果です。

タカヒロ

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

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

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

const value = null;
console.log(value);

value変数に存在しないプロパティの指定を外しています。

タカヒロ

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

さいごに

いかがでしょうか。

今回は、

についてまとめました。

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