【JavaScript ECMAScript】Optional chaining (?.)演算子の使い方
Optional chaining (?.)演算子の使い方について、初心者にもわかりやすく解説します。
基本的な使い方
Optional chaining (?.)関数は、オブジェクトのプロパティやメソッドにアクセスする際に、その参照がnullまたはundefinedである場合でも、エラーを発生させることなく安全にアクセスを試みる処理を実行する機能です。JavaScriptにおいて、深くネストされたオブジェクトや、存在が保証されないデータ構造のプロパティやメソッドにアクセスする際、従来のコードでは参照エラー（TypeError）が発生し、プログラムが停止するリスクがありました。
この構文は、プロパティアクセス（例: object?.property）やメソッド呼び出し（例: object?.method()）、配列要素アクセス（例: array?.[index]）の前に疑問符（?）を付与することで機能します。もし疑問符の前の参照がnullまたはundefinedであれば、その後のアクセスは評価されず、結果としてundefinedが返されます。これにより、開発者は冗長なif文でのnullチェックを省略し、簡潔で読みやすいコードを記述できます。
Optional chainingは、堅牢でエラーに強いアプリケーションを構築するための強力なツールであり、ECMAScriptに導入されて以来、現代のJavaScript開発で不可欠な要素です。システムエンジニアを目指す初心者の方々にとって、この安全なアクセス手法を理解し活用することは、高品質なコードを書く上で非常に重要です。
構文(syntax)
1const maybeUndefinedObject = undefined; 2const value = maybeUndefinedObject?.property;
引数(parameters)
引数なし
引数はありません
戻り値(return)
任意のデータ型または undefined
Optional chaining(?.)演算子は、チェーンのいずれかの部分がnullまたはundefinedであった場合に、エラーを発生させることなくundefinedを返します。チェーンのすべての部分が存在する場合は、プロパティまたはメソッドの実際の値を返します。