【解説】JavaScriptのオプショナルチェーンの使い方

【解説】JavaScriptのオプショナルチェーンの使い方

オプショナルチェーンの使い方として下記を順に解説していきます。

順に見ていきましょう。

前提

「undefined」や「null」に対して、プロパティをとろうとするとエラーがでます。

let fruit = undefined;
fruit.name;

let animal = null;
animal.name;

TypeError: Cannot read properties of undefined (reading 'name')

オプショナルチェーンを使えば

ただプロパティの「.」の前に「?」をつければエラーがでなくなります。

let fruit = undefined;
fruit?.name;

let animal = null;
animal?.name;

この「?.」をオプショナルチェーンと呼びます。

「?.」の前のものが「undefined」または「null」だった場合、エラーが発生せずに式が終了するのが特徴です。

ジト

「undefined」か「null」でなければ、通常通り式が続くよ。

オプショナルチェーンのメリット

大前提「undefined」や「null」にアクセスするとエラーが発生するため、そこで処理が中断される場合があります。

ただオプショナルチェーンを使えばエラーを回避できるため、処理を継続できるという点がメリットです。

関数でも使える

ちなみに「?.」のオプショナルチェーンは、関数でも使うことができます。

fruit?.();
fruit?.name();

【解説】JavaScriptのオプショナルチェーンの使い方：まとめ

ジト

オプショナルチェーンを使う時はためしてみてね！

コーディング知識を
『チート級』に得れる教材を作成！

見てみる⋙