jQuery 変数のデータ型を調べるサンプル(type)

jQueryの変数のデータ型を調べるサンプルです。

目次

typeメソッド

jQuery.type( obj )
  • 引数のデータ型を文字列で返します。
  • jQueryのメソッドです。
  • 以下は、jQueryのtypeメソッドのリンクです。
    http://api.jquery.com/jQuery.type/

数値型か調べる

数値型か調べるサンプルです。
6行目は、typeメソッドの返す値が文字列のnumberか判定しています。
10行目のisNumericメソッドでも数値型を判定できます。trueまたはfalseを返します。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>

	var a = 100;

	if ($.type(a)=="number") {
		console.log($.type(a)); // number
	}

	if ($.isNumeric(a)) {
		console.log($.isNumeric(a)); // true
	}

</script>

以下は、jQueryのisNumericメソッドのリンクです。
http://api.jquery.com/jQuery.isNumeric/

 

文字列型か調べる

文字列型か調べるサンプルです。
6行目は、typeメソッドの返す値が文字列のstringか判定しています。
数値型か調べるisNumericメソッドのようなisStringというメソッドはありません。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>

	var a = "テスト";

	if ($.type(a)=="string") {
		console.log($.type(a)); // string
	}

</script>

 

配列か調べる

配列か調べるサンプルです。
6行目は、typeメソッドの返す値が文字列のarrayか判定しています。
10行目は、isArrayメソッドでも配列かを判定できます。trueまたはfalseを返します。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>

	var a = ["赤","黄","青"];

	if ($.type(a)=="array") {
		console.log($.type(a)); // array
	}

	if ($.isArray(a)) {
		console.log($.isArray(a)); // true
	}

</script>

以下は、jQueryのisArrayメソッドのリンクです。
http://api.jquery.com/jQuery.isArray/

 

関数か調べる

関数か調べるサンプルです。
6行目は、typeメソッドの返す値が文字列のfunctionか判定しています。
10行目は、isFunctionメソッドでも関数かを判定できます。trueまたはfalseを返します。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>

	var a = function(b){
		document.write(b);
	}

	if ($.type(a)=="function") {
		console.log($.type(a)); // function
	}

	if ($.isFunction(a)) {
		console.log($.isFunction(a)); // true
	}

</script>

以下は、jQueryのisFunctionメソッドのリンクです。
http://api.jquery.com/jQuery.isFunction/

boolean/null/undefinedか調べる

boolean/null/undefinedか調べるサンプルです。
6行目は、typeメソッドの返す値が文字列のbooleanか判定しています。
12行目は、typeメソッドの返す値が文字列のnullか判定しています。
18行目は、typeメソッドの返す値が文字列のundefinedか判定しています。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>

	var a = true;

	if ($.type(a)=="boolean") {
		console.log($.type(a)); // boolean
	}

	var b = null;

	if ($.type(b)=="null") {
		console.log($.type(b)); // null
	}

	var c;

	if ($.type(c)=="undefined") {
		console.log($.type(c)); // undefined
	}

</script>

関連の記事

jQuery 属性値を取得/設定するサンプル(attr)
jQuery 表示を書き換えるサンプル(textとhtml)
jQuery ループ処理を行うサンプル(each)
jQuery 子孫要素を検索するサンプル(find)
jQuery 指定のイベント発生時に一度だけ実行するサンプル(one)
jQuery 1つの要素に複数のイベントリスナを登録するサンプル(on)
jQuery Deferredオブジェクトのサンプル
JavaScript データ型

△上に戻る