JavaScriptの標準関数でnull、undefined、空白の変数をチェックする方法

JavaScriptでnull、未定義、または空白の変数をチェックする標準関数

厳格な等価演算子 (===) を使用する

null と undefined はそれぞれ特別な値であり、他の値と厳密に等しくなりません。そのため、厳格な等価演算子 (===) を使用して、これらの値をチェックすることができます。

const myVar = null;

// nullかどうかを確認
console.log(myVar === null); // true

// 未定義かどうかを確認
console.log(myVar === undefined); // false

空白 の場合は、文字列と比較する必要があります。

const myVar = "";

// 空白かどうかを確認
console.log(myVar === ""); // true

typeof 演算子を使用する

typeof 演算子は、変数の型を返します。null は object 型、undefined は undefined 型、空白 は string 型を返します。

const myVar = null;

// nullかどうかを確認
console.log(typeof myVar === "object"); // true

// 未定義かどうかを確認
console.log(typeof myVar === "undefined"); // false

const myVar = "";

// 空白かどうかを確認
console.log(typeof myVar === "string"); // true

その他の方法

上記以外にも、以下の方法で変数をチェックすることができます。

• Null 許容演算子 (?.) を使用して、null または undefined の場合にデフォルト値を返す
• Optional Chaining を使用して、null または undefined の場合にプロパティにアクセスできないようにする
• ** 삼항 연산자** を使用して、条件に応じて異なる値を返す

JavaScriptでnull、未定義、または空白の変数をチェックするには、いくつかの方法があります。どの方法を使用するかは、状況によって使い分けることが重要です。

// 厳格な等価演算子

const myVar1 = null;
const myVar2 = undefined;
const myVar3 = "";

console.log(myVar1 === null); // true
console.log(myVar2 === undefined); // true
console.log(myVar3 === ""); // true

// typeof 演算子

console.log(typeof myVar1); // object
console.log(typeof myVar2); // undefined
console.log(typeof myVar3); // string

// Null 許容演算子

const myVar4 = null;

console.log(myVar4 ?? "デフォルト値"); // デフォルト値

// Optional Chaining

const obj = {
  prop1: {
    prop2: "値",
  },
};

console.log(obj?.prop1?.prop2); // 値

// 삼항 연산자

const myVar5 = "";

const result = myVar5 ? "値" : "デフォルト値";

console.log(result); // デフォルト値

上記のコードを実行することで、各方法の動作を確認することができます。

.length プロパティを使用する

配列や文字列の場合、.length プロパティを使用して、要素数を確認することができます。要素数が 0 の場合は、変数は空白となります。

const myVar1 = [];
const myVar2 = "";

console.log(myVar1.length === 0); // true
console.log(myVar2.length === 0); // true

.trim() メソッドを使用する

文字列の場合、.trim() メソッドを使用して、両端の空白を削除することができます。削除後の文字列が空の場合は、元の文字列は空白となります。

const myVar = "    ";

console.log(myVar.trim() === ""); // true

正規表現を使用して、文字列が空白かどうかを確認することができます。

const myVar = "";

const regex = /^\s*$/;

console.log(regex.test(myVar)); // true

自作関数を使用する

上記のいずれの方法も使用できない場合は、自作関数を使用して、変数をチェックすることができます。

function isBlank(value) {
  return value === null || value === undefined || value === "";
}

const myVar = "";

console.log(isBlank(myVar)); // true