JavaScriptで変数の値がundefinedかどうかを判別する

javascriptで変数の値がundefinedかどうかをtypeof、void 0、nullを使って比較し判別する方法

jQuery関連記事

• 

  【jQuery】pdfが存在するか、mimeタイプのバリデーションする

• 

  jQuery UIのsortableを使ってリストをドラッグで並び替える

• 

  jQueryのモーダルウィンドウを使ってフォームの確認画面を実装する

• 

  HTMLのcanvasタグとJavaScriptで円グラフの画像をつくる

• 

  bxSliderをカルーセルやコンテンツスライダーなど便利なサンプル5種

• 

  bxSliderの使い方と、オプションでのカスタマイズ方法

• 

  select・optionタグをjQueryで、プルダウンの選択値を取得、変更する

• 

  jQueryでinput[type="file"]で画像アップロード時にプレビューを表示する

• 

  jQueryでrequiredの専用エラー文と文字数制限のバリデーションをつくる

typeof演算子で判別する

js

if (typeof num === "undefined") { 
    console.log(num);
}

typeof演算子を使うと対象の変数の値がundefinedだった場合は、undefinedという文字列を返すのでそれを利用して判別ができます。

void 0で判別する

js

if (num === void 0) { 
    console.log(num);
}

void 0は常にundefinedの値が返って来るのでそれを利用して判別します。

nullで判別する

js

if (num == null) { 
    console.log(num);
}

nullは予約語なので常にnullが入っています。
nullとundefinedを==で比較するとtrueが返りますが、===で比較してしまうとfalseが返ります。

これを利用して判別しますが、nullとundefinedが判別できないので厳格に判別したい場合はこの方法は使えません。