勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

JavaScriptで指定した変数が未定義(未宣言)かチェックする方法

  JavaScript

JavaScriptで指定した変数が未定義(未宣言)かチェックしたいというケースがあった。通常であれば「const flg;」とかで定義しておき、その後必要に応じて値を入れるような形を取るがASPとの兼ね合いでそのような方法が取れなかった。そのため指定した変数が未定義(未宣言)かチェックする方法を以下にメモ。

 

対応方法

ソースコード

<script>
if( typeof flg === 'undefined' ){
    console.log('flgは未定義');
}else{
    console.log('flgは定義済み');
}
</script>

 

リファレンス

typeof 演算子と undefined

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/undefined#typeof_%E6%BC%94%E7%AE%97%E5%AD%90%E3%81%A8_undefined

 - JavaScript

  関連記事

JavaScriptでランダムなカラーコードを生成する「RandomColor」ライブラリの利用方法
JavaScriptでランダムなカラーコードを生成する「RandomColor」ライブラリの利用方法

先日PHPでランダムなカラーコードを生成する「RandomColor.php」ラ ...

JavaScriptのIntersectionObserverを利用して指定した要素が表示されているか確認する方法
JavaScriptのIntersectionObserverを利用して指定した要素が表示されているか確認する方法

ブラウザ上で指定した要素が表示されているかチェックし、表示されている場合は何らか ...

AndroidのChromeでハマった点
AndroidのChromeでハマった点

Nexus7(Android4.3)のChromeでハマった。 iPhoneやG ...

バニラJS対応(jQuery非依存)の画像スライダー系プラグイン「Flickity」の利用方法
バニラJS対応(jQuery非依存)の画像スライダー系プラグイン「Flickity」の利用方法

画像スライダーを設置する場合「slick」プラグインを利用することが多い。ただ、 ...

jQueryで指定した要素を簡単にフォーカスするfocusbleの使い方
jQueryで指定した要素を簡単にフォーカスするfocusbleの使い方

divやspanなど指定した要素を簡単にフォーカスするjQueryプラグインがあ ...