More than 3 years have passed since last update.

【Typescript】Nullish Coalescing と短絡評価

Posted at 2020-09-18

はじめに

今回はNullish Coalescing と短絡評価についてです。

const inputData = "";

const storedData = inputData || "DEFAULT TEXT";
console.log(storedData);

const inputData = null;

const storedData = inputData || "DEFAULT TEXT";
console.log(storedData);

const inputData = undefined;

const storedData = inputData || "DEFAULT TEXT";
console.log(storedData);

いずれもinputDataはfalseと評価されて"DEFAULT TEXT"が出力されます。

Nullish Coalescingを使って

const inputData = undefined;

const storedData = userInput ?? "DEFAULT";

console.log(storedData);

と書けます。違いは、

const inputData = "";

const storedData = userInput ?? "DEFAULT";

console.log(storedData);

の時には""がtrueと評価されて空文字が出力されることです。

また新しいことを覚えたらアウトプットしたいと思います。