変数がnullの場合、別の値を代入する4つの方法
let a = null; let b; //if文を使う場合 if (a === null){ b = 100; }else{ b = a; } //三項演算子を使う場合 b = a === null? 100 : a; //OR演算子を使う場合 b = a || 100; //null合体演算子を使う場合 b = a ?? 100;
Null合体演算子は「ECMAScript2020」で追加された演算子です。
「??」の左辺が「null」か「undefined」のときだけ右辺の値を返し、そうでない時は左辺の値を返します。
OR演算子は「||」の左辺が「false(空文字や0なども含む)」のとき右辺の値を返します。
PR
@ハクト
サービス作り・デザイン好き。70年代生まれのWEBエンジニア。WEBパーツをCSSでカスタマイズしてコピペできるサービスを運営中「Pa-tu」。実装したWEBパーツやツールを利用してWEB情報やライフハックを発信してます。
Twitter