JavaScript変数のチェック方法

JavaScriptにおける未定義またはnull変数のチェック

JavaScriptでは、変数が未定義（undefined）またはnullであるかどうかを確認することが重要です。これにより、エラーを回避し、コードの健全性を確保することができます。

typeof演算子を使用する

• nullの場合、typeof演算子は"object"を返します。
• 未定義の場合、typeof演算子は"undefined"を返します。

let myVariable;

if (typeof myVariable === 'undefined') {
  console.log("myVariable is undefined");
}

let myNullVariable = null;

if (typeof myNullVariable === 'object') {
  console.log("myNullVariable is null");
}

==または===演算子を使用する

• ===演算子は、型と値の両方を比較します。
• ==演算子は、型変換を行って比較します。
• nullはundefinedと等価です。

let myVariable;
let myNullVariable = null;

if (myVariable == null) {
  console.log("myVariable is undefined or null");
}

if (myNullVariable === null) {
  console.log("myNullVariable is null");
}

オプションチェーン（Optional Chaining）を使用する

• nullまたはundefinedのプロパティにアクセスする際に、エラーを回避します。

let myObject = {
  property: null
};

let result = myObject?.property; // result will be null

JavaScript変数のチェック方法

let myVariable;

if (typeof myVariable === 'undefined') {
  console.log("myVariable is undefined");
}

let myNullVariable = null;

if (typeof myNullVariable === 'object') {
  console.log("myNullVariable is null");
}

let myVariable;
let myNullVariable = null;

if (myVariable == null) {
  console.log("myVariable is undefined or null");
}

if (myNullVariable === null) {
  console.log("myNullVariable is null");
}

let myObject = {
  property: null
};

let result = myObject?.property; // result will be null

デフォルト値の割り当て

• 変数に初期値を割り当てることで、未定義またはnullのチェックを省略できます。

let myVariable = "default value";

// myVariable is always defined and has a value

三項演算子

• 条件式に基づいて、変数にデフォルト値を割り当てることができます。

let myVariable = myVariable ? myVariable : "default value";

Nullish Coalescing Operator (??)

• 変数がnullまたはundefinedの場合にのみ、デフォルト値を割り当てます。

let myVariable = myVariable ?? "default value";

Logical OR (||)

• 変数がfalsey値（null、undefined、0、""、NaN）の場合にのみ、デフォルト値を割り当てます。

let myVariable = myVariable || "default value";

関数のパラメータのデフォルト値

function myFunction(myVariable = "default value") {
  // myVariable is always defined and has a value
}