JavaScriptで値を評価する4つの方法

@ハクト 2022-06-13 12:48:56に投稿

変数が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なども含む)」のとき右辺の値を返します。

@ハクト

サービス作り・デザイン好き。70年代生まれのWEBエンジニア。WEBパーツをCSSでカスタマイズしてコピペできるサービスを運営中「Pa-tu」。実装したWEBパーツやツールを利用してWEB情報やライフハックを発信してます。

Twitter