*

javascript(jQuery):変数の型を確認する方法

公開日: : 最終更新日:2014/09/20 javascript


前回、javascriptで変数(オブジェクト)の型を判定する方法を掲載しましたが、今回はjQueryを使用して基本型の判定をする方法を掲載したいと思います。

jQueryを使っているのであれば、独自関数を作る必要が無いのでこちらの方が簡単だと思います。

 

jQuery type関数を使って型判定

この関数を使う為にはjQueryのバージョンが[1.4.3]以降である必要がありますのでご注意ください。

関数名:type(obj)

返り値:変数(クラス)名[文字列型]

 

//使用する変数
var val_str  = 'あいう';
var val_str2 = new String('かきく');
var val_int  = 7;
var val_bol  = true;
var val_date = new Date();
var val_nul = null;
var val_ary  = [1, 2];
var val_obj  = {}
var val_reg  = new RegExp('ab+c');
var val_err  = new Error('エラー');
var val_undef;

function FooBase() {};
function Foo() {};
Foo.prototype    = new FooBase();
var val_foobase  = new FooBase(); // 独自定義
var val_foo      = new Foo(); //独自定義

//上記変数のjQuery.typeを出力
document.write('val_str     : ' + $.type(val_str) + '<br>');
document.write('val_str2    : ' + $.type(val_str2) + '<br>');
document.write('val_int     : ' + $.type(val_int) + '<br>');
document.write('val_bol     : ' + $.type(val_bol) + '<br>');
document.write('val_date    : ' + $.type(val_date) + '<br>');
document.write('val_nul     : ' + $.type(val_nul) + '<br>');
document.write('val_ary     : ' + $.type(val_ary) + '<br>');
document.write('val_obj     : ' + $.type(val_obj) + '<br>');
document.write('val_err     : ' + $.type(val_err) + '<br>');
document.write('val_reg     : ' + $.type(val_reg) + '<br>');
document.write('val_undef   : ' + $.type(val_undef) + '<br>');
document.write('val_foobase : ' + $.type(val_foobase) + '<br>');
document.write('val_foo     : ' + $.type(val_foo) + '<br>');


//出力結果
val_str     : string
val_str2    : string
val_int     : number
val_bol     : boolean
val_date    : date
val_nul     : null
val_ary     : array
val_obj     : object
val_err     : error
val_reg     : regexp
val_undef   : undefined
val_foobase : object
val_foo     : object

 

javascriptのtypeofはイマイチでしたが、jQueryのtypeは意図通りの結果を返してくれてます。基本型と組込オブジェクトについてはjQueryを使っているのであれば前回の方法より、こちらを使用した方が楽に済みますね。

ただ、独自オブジェクトは判定できないので、プロトタイプでの判定を行う必要がありそうです。

 

ad_right_top

関連記事

blog_logo_small

javascript(jQuery):submit時に処理を実施

jQueryを使用してsubmit時に処理を行う方法です。入力内容のチェック処理などは、サーバー側で

記事を読む

blog_logo_small

javascript(jQuery):scrollTopを使用する際の注意点

scrollTopを使用するとブラウザのスクロール上部の位置を取得できますが、ブラウザによって少し挙

記事を読む

blog_logo_small

javascript:配列の要素を連結して文字列として出力

phpで配列の要素を連結して出力する方法を掲載したので、ついでにjavascriptでの方法も掲載し

記事を読む

blog_logo_small

javascript(jQuery):指定位置までスクロールする方法

jQueryを使用して指定位置までスクロールする方法です。htmlのid指定でリンクをすると瞬時にペ

記事を読む

blog_logo_small

javascript:変数(オブジェクト)の型を確認する方法

プログラムを書いていると変数の型によって処理を分岐させるなど、変数の型を取得したい場合がでてきます。

記事を読む

blog_logo_small

javascript(jQuery):ページ離脱時にアラートを出す方法

申し込みフォームなどの情報を入力する画面で、途中まで入力したけどうっかり戻ったら入力内容がなくなって

記事を読む

google以外広告

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

ad_right_top

linux-pen
【cron】秒間隔で定期実行する為の設定方法

コマンドを定期実行させたい場合に利用するcronですが、普通に利用する

blog_logo_small
【Apache】 ReverseProxy(リバースプロキシ)を設定してサブディレクトで別サーバーの内容を表示

今回はApacheのリバースプロキシ設定について紹介したいと思います。

blog_logo_small
【Apache】 Aliasを設定してサブディレクトでDocumentRoot以外を参照する

今回はApacheのAlias設定について紹介したいと思います。この方

no image
2015:新年のご挨拶

明けましておめでとうございます。 昨年はたくさんの方々に当ブログ

blog_logo_small
MySQL:外部ホストからのDBアクセス方法

MySQLではデフォルトで外部ホストからのアクセスを許可していないので

→もっと見る

  • アクセスカウンター
PAGE TOP ↑