みかづきブログ・カスタム

基本的にはちょちょいのほいです。

Null合体演算子を使って値がnull、undefinedの場合の時の値を指定する ❓

f:id:kimizuka:20210514220849p:plain

Null合体演算子たるものを教えてもらいました。

Null 合体演算子 (??) は論理演算子の一種です。この演算子は左辺が null または undefined の場合に右の値を返し、それ以外の場合に左の値を返します。

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing_operator より引用

developer.mozilla.org

let a = null ?? 'Ya-!';

console.log(a); // => 'Ya-!'
let a = 0 ?? 'Ya-!';

console.log(a); // => 0

という感じで、演算子の左側がnull、undefinedの場合、右側が代入されます。

let a = null || 'Ya-!';

console.log(a); // => 'Ya-!'
let a = 0 || 'Ya-!';

console.log(a); // => 'Ya-!'

OR演算子と挙動が似ていますが、falsyな値ではなく、null、undefinedの場合だけが右の値が代入されるので、使い所によっては便利に使えそうです。