【5分でわかる】はてな 2 つ「??」の活用方法

この記事ではTypeScriptにおけるはてな 2 つ「??」の活用方法 をご紹介します。

はてな 2 つ「??」の活用方法

他の方の書いたソースコードを見るときに以下のような??を活用した記述を見ると思います。

let str: string = "test"
console.log(str ?? 'this is null')

今回はこの??の意味と活用方法についてご紹介します。

??はもし左辺の値がNULLまたはUNDEFINEDであった場合に、右辺の内容が適用されます。

<チェック対象の変数や値> ?? <NULLまたはUNDEFINEDの場合に適応したい処理>

??はもしNULLまたはUNDEFINEDであった場合に、デフォルトの値や処理が決まっていた場合に利用するのが便利です。

例えばなんらかの関数の結果を受け取る変数を用意して、その関数がNULLまたはUNDEFINEDを返却する可能性があれば以下のようにデフォルトの値を設定しておくといいかもしれません。

const result = getUser() ?? 'this is null or undefined';

今回はTypeScriptにおけるはてな 2 つ「??」の活用方法を紹介しました。

ぜひこの機会に習得してみてください。

きむら

ここまで記事を読んでいただきありがとうございました♪