【Typescript】Nullish Coalescing と短絡評価

はじめに

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

Javascriptの場合

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"が出力されます。

Typescriptの場合

Nullish Coalescingを使って

const inputData = undefined;

const storedData = userInput ?? "DEFAULT";

console.log(storedData);

と書けます。違いは、

const inputData = "";

const storedData = userInput ?? "DEFAULT";

console.log(storedData);

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

最後に

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