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

JavaScriptで変数が「undefined（未定義）」かどうかをチェックする方法

JavaScriptでは、変数をif文などの条件式に直接渡すことで、その変数が「undefined（未定義）」かどうかを簡単に確認できます。

条件式の評価結果が「false」になった場合、その変数はundefinedであることを意味します。逆に「true」が返れば、変数には有効な値が代入されていると判断できます。

以下の例では、変数resに数値の10が代入されているため、結果は「True」と表示されます。

サンプルコード

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

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

出力結果

True

補足：typeof演算子を使ったより厳密な判定

if文による判定はシンプルですが、変数の値が0、null、空文字列""の場合も「false」と評価される点に注意が必要です。undefinedのみを厳密に判定したい場合は、typeof演算子を使用する方法が推奨されます。

<script>
   var res;

   if(typeof res === "undefined") {
      document.write("変数は未定義です");
   } else {
      document.write("変数は定義されています");
   }
</script>

typeof演算子を使えば、変数が宣言されていない場合でもエラーが発生せず、安全にチェックできます。状況に応じて使い分けることで、より堅牢なコードを書くことができます。

  1. JavaScriptで文字列を検索する方法【search()メソッドの使い方を解説】

    JavaScriptで文字列を検索する方法 JavaScriptで文字列の中から特定の文字列を探すには、search()メソッドを使用します。このメソッドは、引数に渡した文字列（または正規表現）が対象の文字列内で最初に一致した位置（インデックス）を返し、見つからなかった場合は -1 を返します。 以下は、JavaScriptで文字列を検索するサンプルコードです。 サンプルコード <!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8" />

  2. JavaScriptでドキュメントの読み込み状態（readyState）を確認する方法

    JavaScriptでドキュメント（ページ）の読み込みが完了しているかどうかを確認するには、document.readyStateプロパティを使用します。このプロパティは、現在のドキュメントの読み込み状況に応じて以下の3つの文字列を返します。loading … ドキュメントがまだ読み込み中の状態interactive … ドキュメントの解析は完了したが、画像などのサブリソースは still 読み込み中の状態complete … ドキュメントとすべてのサブリソースの読み込みが完了した状態以下は、ボタンをクリックしたタイミングでdocument.readyStateの値を判定し、ページの読み込み状