JavaScript での未定義または Null 変数のチェック

JavaScript では、値が明示的に割り当てられていない変数や、設定されていない可能性のある変数がよく発生します。このため、コードの整合性を維持するには、未定義または null 変数のチェックが非常に重要になります。

条件チェック

未定義または null 変数をチェックする従来のアプローチには、typeof 演算子を使用した条件文と厳密な等価性チェックが含まれます。 :

if (typeof(some_variable) != 'undefined' && some_variable != null) {
  // Do something with some_variable
}

この手法は冗長ではありますが、未定義値と null 値の両方を明示的にチェックすることで精度を保証します。ただし、開発者の中には、

if (some_variable) {
  // Do something with some_variable
}

簡略化された条件

この簡略化された表記は、JavaScript の暗黙的な変換ルールに依存します。定義された変数を含め、偽でない値はすべて true と評価されます。したがって、some_variable が定義されており、null ではない場合、条件は true になります。

ただし、この省略表現は、特定の状況で予期しない動作を引き起こす可能性があります。たとえば、some_variable が未定義の場合、Firebug はエラーを表示することがありますが、より詳細な条件は問題なく実行されます。

推奨されるアプローチ

未定義または null 値をチェックする最も信頼できる方法は、次のとおりです。比較をより正確に制御できるため、厳密な等価演算子を使用します。

if (some_variable == null) {
  // some_variable is either null or undefined
}

このステートメントは、some_variable を null と効果的に比較し、null または未定義の場合に true を返します。

Notes

• 簡略化された表記は、次のような変数をチェックするときに役立ちます。オプションの引数やオブジェクト プロパティなど、定義されているものとみなされます。
• 未定義のグローバル変数は、次の方法でチェックする際に、常に未定義と評価されます。 typeof は、特定のシナリオでは有益です。
• ヌル合体演算子 (??) と論理ヌル代入 (??=) は、ヌルまたは未定義の値が存在する場合にデフォルト値を設定するための簡潔な代替手段を提供します。