JavaScriptのNull合体演算子を使った実践的な例

2022.08.30 2023.04.22

JavaScriptには、Null合体演算子(??)という便利な演算子があります。この演算子は、左側の式がnullまたはundefinedである場合、右側の式を返します。つまり、nullまたはundefinedを扱う際に、簡潔にコードを記述することができます。

この記事では、JavaScriptのNull合体演算子の基本的な使い方を実例で紹介します。

const foo = null;
let msg = foo ?? 'sample';
console.log(msg); // "sample"

const foo = undefined;
let msg = foo ?? 'sample';
console.log(msg); // "sample"

const foo = 'the world';
let msg = foo ?? 'sample';
console.log(msg); // "the world"

0や空文字などは値をそのまま返すので注意が必要です。

const foo = 0;
let msg = foo ?? 'sample';
console.log(msg); // 0

const foo = '';
let msg = foo ?? 'sample';
console.log(msg); // ""

const foo = false;
let msg = foo ?? 'sample';
console.log(msg); // false

JavaScriptでセレクトボックス間の項目移動を行う

JavaScriptの論理和演算子