JavaScript 2020 Null合体演算子

概要

JavaScript 2020では、Null合体演算子??が使えるようになりました。
目的の値 ?? 目的の値がnullやundefinedだった時の代替値という形で、
簡単にnullやundefinedに関する条件判定式が書けます。

実例

コード

<script>
    const x = undefined;
    console.log(x ?? "this value is null or undefined");
</script>

実行結果

JavaScript 2019以前

JavaScript 2019以前は、同じ結果を出すため、 以下のような長い条件判定式を書く必要がありました。

コード

<script>
    const x = undefined;
    console.log(x === null || typeof x === "undefined" ? "this value is null or undefined" : x);
</script>

WEBアプリケーション関連 人気連載リンク

基礎からPHPWEBアプリ解発を学ぶなら・・
PHP基礎 連載

より実践的なWEBアプリ開発講座！Bootstrap活用を学ぶなら・・
魁！小野の塾 連載