JavaScript で未定義変数と Null 変数をチェックする

1. JavaScript で未定義変数をチェックする
2. JavaScript で Null 変数をチェックする

この記事では、JavaScript ソースコードの未定義または null 値と、条件ステートメントを使用して JavaScript の未定義変数および null 変数をチェックする方法について学習します。

JavaScript で未定義変数をチェックする

これは、値が割り当てられていないことを指定するプリミティブ値であり、どのタイプの値も割り当てられていない変数は、未定義変数と呼ばれます。プログラマーが値を提供しない場合、JavaScript は未定義の値を直接設定します。

たとえば、変数を宣言し、初期化の前にログに表示しようとすると、デフォルトで未定義の結果が返されます。配列を返すための存在しない要素も未定義です。

JavaScript では、関数の引数がその関数のパラメーターに従って渡されない場合、渡されなかった引数は undefined に設定されます。

構文：

let data
console.log(data);  // undefined value
functionName(10);
function functionName(x, y) {
  console.log(x)  // it will print 10
  console.log(y)  // undefined argument
}

サンプルコード：

let data
checkVariable(data)  // it will generate undefined result

data = 10;           // now initialized
checkVariable(data)  // it will generate defined result

function checkVariable(data) {
  if (data === undefined) {
    console.log('variable is undefined')
  } else {
    console.log('variable is defined')
  }
}

出力：

"variable is undefined"
// after initialzation
"variable is defined"

上記のコードでは、data 変数を宣言し、その変数をパラメーターとして関数 checkVariable に渡しました。その関数は、引数として値を取得し、条件ステートメント if else で値が undefined の場合は、ログに"variable is undefined"の結果を表示するか、定義済みを表示するように宣言されています。

data 変数を値 10 で再割り当てし、それを関数に再度渡しました。今回は、"variable is defined"と出力されます。

JavaScript で Null 変数をチェックする

JavaScript では、空の値や未知の値を表すオブジェクトとして扱われる null があります。例えば、let x = null とすると、x という変数は現時点では空であり、後で任意の値を持つ可能性があるため、null 変数と呼ばれます。

未定義の値と null 値は、JavaScript では false 値として定義されています。JavaScript のデフォルトの boolean() 関数でその値を使用すると、false の結果が返されます。

構文：

let data = null
console.log(data)  // it will get null

サンプルコード：

let data = null;
checkNull(data)  // will print null

data = 10;       // now initialized
checkNull(data)  // will print not null
function checkNull(data) {
  if (data === null) {
    console.log('variable is null')
  } else {
    console.log('variable is not null')
  }
}

出力：

"variable is null"
// after initialization
"variable is not null"

上記のコードでは、data 変数を宣言し、それに null を割り当て、その変数をパラメーターとして関数 checkNull に渡しました。関数は、引数として値を取得し、条件ステートメント if else で値が null に等しいかどうかを確認するように宣言されています。値が null に等しい場合は、ログに"variable is null"の結果が表示されます。そうでない場合は、null ではありません。

data 変数を再割り当てし、それを関数に渡しました。今回は、"variable is not null"を出力します。