迷えるプログラマーよ、これを見よ！JavaScriptでnull値を確認するあらゆる方法

JavaScriptでnull値を確認する方法

JavaScriptで変数やオブジェクトの値がnullかどうかを確認することは、プログラミングにおいて重要な操作の一つです。nullは、値が存在しないことを示す特別な値です。

null値を確認するには、いくつかの方法があります。以下に、最も一般的な方法をいくつかご紹介します。

等価比較演算子 (===) を使用する

最もシンプルで確実な方法は、等価比較演算子 (===) を使用して、変数やオブジェクトをnullと直接比較することです。

const value = null;

if (value === null) {
  console.log("値はnullです");
} else {
  console.log("値はnullではありません");
}

論理否定演算子 (!) を使用して、nullではないことを確認する方法もあります。これは、上記の方法よりも少し冗長ですが、可読性が高くなる場合があります。

const value = null;

if (!value) {
  console.log("値はnullです");
} else {
  console.log("値はnullではありません");
}

typeof 演算子を使用して、変数のデータ型を確認し、それが "null" であるかどうかを確認する方法もあります。

const value = null;

if (typeof value === "null") {
  console.log("値はnullです");
} else {
  console.log("値はnullではありません");
}

null または undefined の場合にデフォルト値を設定したい場合は、論理OR演算子 (||) を使用することができます。

const value = null || "デフォルト値";

console.log(value); // "デフォルト値" が出力されます

補足

• 上記の例では、変数 value を使用していますが、オブジェクトのプロパティや関数からの返り値など、他の値にも適用できます。
• JavaScript では、undefined という別の特殊な値も存在します。undefined は、変数が初期化されていないことを示します。null と undefined は多くの場合同じように扱われますが、厳密には異なるものです。
• 上記以外にも、null値を確認する方法はいくつかありますが、上記で紹介した方法は最も一般的で実用的なものです。

以下は、JavaScriptでnull値を確認する様々な方法を示すサンプルコードです。

等価比較演算子 (===) を使用する

const value1 = null;
const value2 = undefined;
const value3 = 0;
const value4 = "";

console.log(value1 === null); // true を出力
console.log(value2 === null); // false を出力
console.log(value3 === null); // false を出力
console.log(value4 === null); // false を出力

論理否定演算子 (!=) を使用する

const value1 = null;
const value2 = undefined;
const value3 = 0;
const value4 = "";

console.log(!value1); // true を出力
console.log(!value2); // true を出力
console.log(!value3); // true を出力
console.log(!value4); // true を出力

typeof 演算子を使用する

const value1 = null;
const value2 = undefined;
const value3 = 0;
const value4 = "";

console.log(typeof value1); // "null" を出力
console.log(typeof value2); // "undefined" を出力
console.log(typeof value3); // "number" を出力
console.log(typeof value4); // "string" を出力

論理OR演算子 (||) を使用する

const value1 = null;
const value2 = undefined;

const valueWithDefault1 = value1 || "デフォルト値";
const valueWithDefault2 = value2 || "デフォルト値";

console.log(valueWithDefault1); // "デフォルト値" を出力
console.log(valueWithDefault2); // "デフォルト値" を出力

JavaScriptでnull値を確認するその他の方法

前述した方法に加えて、JavaScriptでnull値を確認するには、以下の方法があります。

短絡評価を使用すると、条件式の最初の式がfalseの場合、2番目の式が評価されずにtrueを返すため、nullチェックに使用できます。

const value = null;

if (value && value.length) {
  console.log("値の長さは " + value.length + " です");
} else {
  console.log("値はnullまたは空です");
}

この例では、value がnullの場合、value.length は評価されず、if ステートメント全体がfalseになります。

instanceof 演算子を使用して、オブジェクトが特定のクラスのインスタンスかどうかを確認できます。この場合、null はどのクラスのインスタンスでもないため、nullチェックに使用できます。

const value = null;

if (value instanceof Object) {
  console.log("値はオブジェクトです");
} else {
  console.log("値はオブジェクトではありません");
}

Optional Chaining演算子 (?.) は、ESLint 8 で導入された新しい演算子で、nullチェックとプロパティアクセスを簡潔に記述するために使用できます。

const value = null;
const length = value?.length;

console.log(length); // undefined を出力

Nullish Coalescing演算子 (??) は、ESLint 9 で導入された新しい演算子で、nullとundefinedのいずれかをデフォルト値に置き換えるために使用できます。

const value = null;
const defaultValue = 0;
const length = value ?? defaultValue;

console.log(length); // 0 を出力

JavaScriptでnull値を確認するには、さまざまな方法があります。それぞれの方法には長所と短所があるため、状況に応じて適切な方法を選択することが重要です。