More than 1 year has passed since last update.

?. オプショナルチェーン

Posted at 2023-01-23

例えばundefinedやnullか配列の変数に対して、includes()を使用するとエラーになってしまう可能性がある

const a = undefined
const hasOne = a.includes('1') // Uncaught TypeError: a.includes is not a function

そこで、変数がfalsyの場合はincludes()を実行しないという処理を挟む必要がある

const a = undefined
const hasOne = a && a.includes('1')

このようなとき、オプショナルチェーンを使用すると簡潔にかける

const a = undefined
const hasOne = a?.includes('1')