logo

JavaScript で変数が NULL でないかどうかを確認する方法

JavaScript は、Web 開発で広く使用されている人気のあるプログラミング言語です。 JavaScript で最も一般的なタスクの 1 つは、変数に 価値 または ない 。変数には次のものを含めることができます 価値 または ヌル 、これは値がまったくないことを意味します。 Null 変数に対して操作を実行しようとすると、コード内でエラーが発生する可能性があります。したがって、変数を使用する前に、変数が null でないかどうかを確認することが重要です。

この記事では、JavaScript で変数が null でないかどうかを確認するさまざまな方法を検討します。

1.「!== null」演算子の使用:

JavaScript で変数が null でないかどうかを確認する最も簡単な方法は、「」を使用することです。 !== null' 演算子 。この演算子は、変数の値が null でないかどうかをチェックします。以下に例を示します。

 let myVar = null; if (myVar !== null) { console.log('Variable is not null'); } else { console.log('Variable is null'); } 

変数 myVar が与えられます 値null このコードでは。の if 節 かどうかを決定します myVar null と等しくありません。コンソールに表示されます 「変数はnullではありません」 条件が true の場合 (つまり、 myVar は null ではありません)。それ以外の場合は印刷されます 「変数がnullです」 条件が false (つまり、myVar が null) の場合、コンソールに出力されます。

出力は次のようになります:

 Variable is null 

マイヴァール 値が与えられます ヌル したがって、条件が満たされているため、else ブロックのコードが実行されます。 myVar!== null false と評価され、ログが記録されます 「変数はnullです」 コンソール。

2.「typeof」演算子の使用:

変数が null でないかどうかを確認する別の方法は、 「typeof」演算子 。の 「typeof」演算子 変数の型を返します。変数が ヌル 'タイプ' オペレーターが戻ります '物体'。 以下に例を示します。

Javaの名前付け規則
 let myVar = null; if (typeofmyVar === 'object' &&myVar !== null) { console.log('Variable is not null'); } else { console.log('Variable is null'); } 

このコードでは、変数 myVar 値が与えられます ヌル 。の種類 myVar 次に、を使用して検証されます。 オペラの種類 この場合、null に対して 'object' が返されます。

if ステートメントによって 2 つの条件がチェックされます。

typeofmyVar === 'オブジェクト': このテストでは、 myVarの タイプは「オブジェクト」です。以来 '物体' によって返されます の種類 null、これは必須です。この要件により、myVar が他の型ではなくオブジェクトであることが保証されます。

myVar!== null: このテストでは、 myVar null に等しい。の の種類 演算子自体は null と他のオブジェクトを区別できないため、さらなるチェックが必要です。

MyVar がログを記録します 「変数はnullではありません」 両方の条件がある場合、つまり、オブジェクトであるかそうでないかの両方の場合、コンソールに出力されます。 ヌル 、本当です。それ以外の場合は出力されます 「変数がnullです」 いずれかの条件が false の場合、コンソールに出力されます。

出力は次のようになります:

 Variable is null 

説明:

最初の条件 typeofmyVar === 'オブジェクト' と評価される 真実 なぜなら myVar 価値がある ヌル ですが、2番目の条件は myVar!== null と評価される 間違い なぜなら myVar 価値がある ヌル 。その結果、else ブロックのコードが実行され、 「変数がnullです」 コンソールに出力されます。

3. 「null」キーワードの使用:

次のコマンドを使用して、変数が null かどうかを確認することもできます。 'ヌル' キーワード。の 'ヌル' キーワードは、オブジェクト値が存在しないことを表します。以下に例を示します。

 let myVar = null; if (myVar !== null) { console.log('Variable is not null'); } else { console.log('Variable is null'); } 

このコードでは、変数 myVar 値 null が与えられます。の if 節 かどうかを決定します myVar 等しくない ヌル

マイヴァール 条件が null でない場合 myVar!== null と評価される 真実 。その場合は、if ブロックの関数が実行されます。コメント '// 何かをしてください' コード例の は、 ブロックの場合 変数が null でない場合に目的のアクションを実行します。

一方、次のテストの場合、 myVar!== null 戻り値 間違い myVar 実際には null です。 else ブロックの関数がそのシナリオで実行されます。提供されたコードでは変数が null として宣言されており、ログに記録されます。 「変数がnullです」 コンソールに。

出力は次のようになります:

 Variable is null 

説明:

Javaの文字列に等しい

条件 myVar!== null 値 null が割り当てられているため、 false と評価されます。 myVar 。その結果、else ブロックのコードが実行され、 「変数がnullです」 コンソールに出力されます。

4. 二重感嘆符 (!!) の使用:

二重感嘆符 これは、JavaScript で変数が null でないかどうかを確認するもう 1 つの方法です。二重感嘆符は、値をブール値に変換するために使用されます。変数が null でない場合は、二重感嘆符が返されます。 '真実'。 以下に例を示します。

 let myVar = null; if (!!myVar) { console.log('Variable is not null'); } else { console.log('Variable is null'); } 

このコードでは、変数 myVar 値 null が与えられます。変数は、 !!オペレーター 。値を対応する値に変換するこのメソッド ブール表現 が頻繁に利用されます。

二重否定 変数が次の場合に true を返します myVar 真実 。 JavaScript では null は false とみなされ、null の二重否定は false を返します。

二重否定の後、チェックする前に、 ブール値 の値 myVar 、if ステートメント。中のコードは、 ブロックの場合 変数の値が次の場合に実行されます。 myVar 、 は 真実 null でも false でもありません。

対照的に、値が false、myVar は空か false です。 else ブロックの関数がそのシナリオで実行されます。提供されたコードでは変数が null として宣言されており、ログが記録されます。 「変数がnullです」 コンソールに。

出力は次のようになります:

 Variable is null 

説明:

マイヴァール 値が与えられます ヌル したがって、 二重否定!! が使用され、その値は myVar 間違い 。その結果、else ブロックのコードが実行され、 「変数がnullです」 コンソールに出力されます。

5. 三項演算子の使用:

三項演算子 を簡略的に書く方法です 「if」ステートメント 。これは、変数が null でないかどうかを確認するために使用できるワンライナーです。以下に例を示します。

 let myVar = null; myVar !== null ? console.log('myVar is not null') : console.log('myVar is null'); 

このコードでは、変数 myVar 値が与えられます ヌル 。条件 myVar!== null を使用してチェックされます 三項演算子?: マイヴァール ではありません ヌル 条件があれば myVar!== null と評価される 真実 。そのような状況では、 console.log('myVar が null ではありません') ? の前にある式を実行するために使用されます。

一方、次のテストの場合、 myVar!== null 戻り値 間違い myVar 実際のところ ヌル 。そのような状況では、 console.log('myVar が null です') は、次の式を実行するために使用されます。

出力は次のようになります:

 myVar is null 

説明:

条件 myVar!== null と評価される 間違い 値 null が myVar に割り当てられているためです。したがって、: に続く式が実行され、 「myVar は null です」 コンソールに出力されます。

結論:

この記事では、JavaScript で変数が null でないかどうかを確認するさまざまな方法を検討しました。を使用するかどうかは、 「!== null」演算子 「typeof」演算子、 「null」キーワード 二重感嘆符 三項演算子 、 または オプションのチェーン 、コード内のエラーを避けるために、変数を使用する前に変数が null でないかどうかを常に確認することが重要です。

これらのさまざまな手法を理解することで、より信頼性が高くエラーのない JavaScript コードを作成できるようになります。したがって、次回 JavaScript で変数を扱うときは、変数を使用する前に必ず変数が null でないかどうかを確認してください。