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"を出力します。