??

ナルクォーシェント（基本的な構文）

意味 null合体演算子

??とは？

左のオペランドがnullまたはundefinedである場合、右のオペランドを返します。

??の具体的な使い方

null合体演算子の基本的な使用例

const userName = null;
const defaultName = 'ゲスト';

const displayName = userName ?? defaultName;
console.log(`ようこそ、${displayName}さん！`);

👇出力結果

ようこそ、ゲストさん！

ユーザー名がnullまたはundefinedの場合にデフォルト値を使用する例です。nullの場合、右辺の'ゲスト'が使用されます。

null合体演算子とOR演算子の違い

const count = 0;
const defaultCount = 10;

const result1 = count ?? defaultCount;
const result2 = count || defaultCount;

console.log('null合体演算子の結果:', result1);
console.log('OR演算子の結果:', result2);

👇出力結果

null合体演算子の結果: 0
OR演算子の結果: 10

0のような'falsy'な値に対する??と||の動作の違いを示します。??は0を有効な値として扱いますが、||は0をfalseとみなしてデフォルト値を使用します。

??に関するよくある質問

Q. null合体演算子とは何ですか？

A. null合体演算子（??）は、左辺の値がnullまたはundefinedの場合に右辺の値を返し、そうでない場合は左辺の値を返す演算子です。これは、デフォルト値を設定する際に便利です。

Q. ||演算子との違いは？

A. ||演算子はfalsy値（0, "", false, null, undefined, NaN）を全て右辺の値に置き換えますが、??演算子はnullとundefinedの場合のみ右辺の値を返します。つまり、0や空文字列などの有効な値を保持したい場合に??演算子が適しています。

Q. ブラウザ互換性はどうですか？

A. null合体演算子は比較的新しい機能で、IE11以前のブラウザではサポートされていません。モダンブラウザ（Chrome, Firefox, Safari, Edge）の最新版では使用可能です。古いブラウザでも動作させたい場合は、Babelなどのトランスパイラを使用するか、代替の方法を検討する必要があります。

??が学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか？
プログラミング単語帳には、JavaScriptの??や*、let、/、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。