Javascriptのオプションのチェーン

オプションのチェーンは、多くのプログラミング言語でしばらくの間使用されてきましたが、ES2020のリリースとともにJavascriptで利用できるようになったのはつい最近のことです。 MDN Web Docsは、オプションのチェーンを「参照または関数が未定義またはnullである可能性がある場合に、接続されたオブジェクトを介した値へのアクセスを簡素化する方法」と説明しています。オプションのチェーンは、プロパティが存在しない場合にエラーをスローせずに、深くネストされたオブジェクトプロパティにアクセスできるようにする非常に価値のあるツールです。プロパティが存在してアクセスできるか、存在せず未定義が代わりに返されます。 Javascriptにオプションのチェーンが含まれる前は、&&演算子は、オブジェクトが未定義かnullかを確認してから、そのプロパティにアクセスする必要がありました。

const street = restaurant && restaurant.address && restaurant.address.street

const street = restaurant?.address?.street

const street = restaurant.address.street
Uncaught TypeError: Cannot read property 'street' of undefined

const tableCount = restaurant.getTableCount && restaurant.getTableCount()
const tableCount = restaurant.getTableCount?.()

const firstRestaurant = array && array[0]
const firstRestaurant = array?.[0]

オプションのチェーンは、オブジェクトが定義されているかどうかわからない場合にエラーを防ぎ、プロパティにアクセスするための、クリーンで動的で読みやすい方法です。

出典：

• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Optional_chaining
• https://dmitripavlutin.com/javascript-optional-chaining/
• https://www.youtube.com/watch?v=v2tJ3nzXh8I&t=0s