JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptでnull・undefined・空白の変数をチェックする方法を解説

はじめに

JavaScriptでは、変数がnullやundefinedであるかどうかを簡単な方法で判定できます。本記事では、代表的な2つのチェック方法を実例コードとともに解説します。

null・undefinedの判定：if文による真偽評価

if文の条件式に変数をそのまま記述すると、JavaScriptは自動的に真偽値への変換（truthy / falsy評価）を行います。このとき、変数がnullまたはundefinedの場合は「false」と評価されます。つまり、判定結果がfalseであれば、その変数はnullまたはundefinedであると判断できるのです。

以下は、変数ageに10が代入されているため「True」が出力される例です。

<html>
<body>
<script>
var age = 10;

if (age) {
  document.write("True");
} else {
  document.write("False");
}
</script>
</body>
</html>

もしageがnullやundefinedだった場合、elseブロックが実行され「False」が表示されます。ただし注意点として、0や空文字列（""）もfalsyとして扱われるため、これらも「False」になる点には留意してください。

typeof演算子で変数の存在を確認する

変数が宣言されているかどうか（存在するかどうか）を確認したい場合は、typeof演算子を使用するのが安全です。typeofは未宣言の変数に対してもエラーを発生させずに"undefined"という文字列を返すため、エラーの心配なくチェックできます。

<html>
<body>
<script>
var age = 10;

if (typeof age !== 'undefined') {
  document.write("True");
} else {
  document.write("False");
}
</script>
</body>
</html>

このコードでは、ageが宣言されていれば「True」が、未定義であれば「False」が出力されます。

まとめ

  • if文による評価：変数がnull・undefinedならfalseになるため、簡潔にチェック可能。ただし0や空文字列にも注意が必要。
  • typeof演算子：変数の存在確認に最適で、未宣言の変数でもエラーにならない安全な方法。

用途に応じて両者を使い分けることで、より堅牢なJavaScriptコードを書くことができます。

  1. JavaScriptのundefined（未定義）とは？変数の判定方法をサンプルコードで解説

    JavaScriptのundefined（未定義）は、変数がまだ宣言されていない、あるいは宣言されていても値が代入されていないことを示す特殊な値です。変数の状態を確認したい場面で頻繁に登場するため、初心者の方にとって押さえておきたい重要な概念の一つです。 undefinedの基本的な役割 undefinedは、次のような状況で返される値です。 変数を宣言したものの、まだ値を代入していない場合 存在しないオブジェクトのプロパティにアクセスした場合 関数の引数が渡されなかった場合 以下は、JavaScriptのundefinedを使って、変数が定義済みかどうかを判定する実装例です。 サンプルコ

  2. JavaScriptの配列でundefinedやnullを判定し、null以外の値のみを表示する方法

    JavaScriptでは、配列の中にnullやundefinedが混在しているケースはよくあります。このような場合、条件分岐を使ってnull以外の値だけを取り出して表示することができます。nullやundefinedを含む配列の例以下のように、通常の文字列とnull、undefinedが混ざった配列を想定します。var firstName=[John,null,Mike,David,Bob,undefined];null・undefinedを除外して表示するコード!=（不等価演算子）を使って各要素をチェックすると、undefinedだけでなくnullもまとめて除外できます。これは、null =