By YOSHIDA NEKOHA in JavaScript — 2020年3月7日

nullまたはundefinedの判定(Null合体演算子)

JavaScript で変数 a が null または undefined の場合、デフォルト値 0 を返したいコード。
そんなときどう書きますか？

素直に書くとこんなコード

if(a === null || a === undefined) {  
    return 0  
}  
return a

これはダメな例。変数aがfalsyな値、0やfalseでも0を返してしまいます。

if(!a) {  
    return 0  
}  
return a

まあこんな風に書くと思います。
nullとundefinedは 変数 == nullで一発判定できるし、三項演算子を使えば1行でしょ？

return a == null ? 0 : a

ありきたりなこのコードが

なんと？？

return a ?? 0

ウルトラスッキリ！

日本語でNull合体演算子と言うそうです。

nullかundefinedに反応するのがポイント。
それ以外はfalsyな値でもそのまま返せます。

0 ?? 1 // 0  
false ?? 0 // false  
'' ?? 0 // ''  
NaN ?? 0 // NaN

超便利！