チェック

2024年01月16日(火) 09時36分更新 icon 項目のみ表示/展開表示の切り替え

プロパティの有無のチェック

以下のtest1が関数でオブジェクトのUNDEFプロパティの有無をチェックしています。
ボタンを押す前 
<html>
<head>
  <meta charset="utf-8">
</head>
<body>
  <span id="id1">ボタンを押す前</span>
  <script type="text/javascript">
   var OBJ1={
     name:"鶴",
   }
   function test1(){
    var o=document.getElementById('id1');
    if("UNDEF" in OBJ1)
      o.innerText="UNDEFが存在する";
    else
      o.innerText="UNDEFが存在しない";
    
  }
  </script>
  <form name="test1Form">
    <input type="button" value="表示" onclick="test1()" />
  </form>
</body>
</html>

数値がどうかチェック

isNaN関数を使用して引数が数値かどうかをチェックしています。 
<html>
<head>
  <meta charset="utf-8">
</head>
<body>
  <span id="id2"></span>
  <script type="text/javascript">
  function test2(){
    var o=document.getElementById('id2');
    var s="error";
    if(isNaN(s))
      o.innerText="数値でない";
    else
      o.innerText="数値";
    
  }
  </script>
  <form name="test2Form">
    <input type="button" value="表示" onclick="test2()" />
  </form>
</body>
</html>

未定義のチェック

以下の例では実行ボタンをクリックするとグローバル変数undefinedとnullと比較してチェックします。 
<html>
<head>
  <meta charset="utf-8">
</head>
<body>
  <span id="id3"></span>
  <script type="text/javascript">
  function test3(){
    var o=document.getElementById('id3');
    var v;
    if(v==undefined)
      o.innerText="未定義";
    else
      o.innerText="定義";
    if(v==null)
      o.innerText+=" null";
    else
      o.innerText+=" nullでない";
    
  }
  </script>
  <form name="test3Form">
    <input type="button" value="実行" onclick="test3()" />
  </form>
</body>
</html>