デザイナーにも分かりやすいjQuery入門講座|jQueryの使い方

このエントリーをはてなブックマークに追加
索引
Core:コアとなる仕組み
Selectors:セレクタ
Attributes:属性
Traversing:対象の変更
Manipulation:操作
CSS:スタイルシート
Events:イベント
Effects:演出効果
Ajax:xml等との連携
Utilities:ユーティリティ
Data:データ
Miscellaneous:諸々
Deferred:処理管理
Callbacks:コールバック
Internals:内部処理

jQuery.isPlainObject( )objectオブジェクトかどうかをチェック

構文

objectオブジェクトかどうかをチェック返値:true/false
jQuery.isPlainObject( 調査対象 )ver1.4〜

機能

jQuery.isPlainObjectメソッドは引数に指定したものがobjectオブジェクトかどうかをチェックします。objectオブジェクトであればtrue、異なればfalseを返します。
配列はobjectオブジェクトとは見なされずfalseとなります。

解説

objectオブジェクトかどうかをチェックする

サンプル(isPlainObject/01.html)を開いてbody内にbutton要素しかないことを確認して下さい。jQueryでは、まず以下の様にobjectオブジェクト「myObj」が作成されていることを確認してください。

var myObj = {aaa:1, bbb:2, ccc:3};

続いて以下の部分を確認してください。buttonをクリックするとjQuery.isPlainObjectメソッドを利用して、objectオブジェクトかどうかチェックします。チェックした結果は変数chkに代入しアラートで表示します。

$("button").click(function(){
	var chk = $.isPlainObject(myObj);
	alert(chk);
});

myObjはobjectオブジェクトなので、buttonをクリックするとアラートで「true」と表示されます。

似たようなメソッドに空のobjectオブジェクトかどうかを調べるjQuery.isEmptyObjectメソッドがありますが、isPlainObjectメソッドはカラのobjectオブジェクトに対してどう判断するかも確認しておきます。

サンプル(isPlainObject/01b.html)を開いてbody内の構成に変更がないことを確認して下さい。jQueryも殆ど同じで、以下の様にobjectオブジェクトの内容がカラになっているだけです。

var myObj = {};

カラでもobjectオブジェクトには変わりないので、buttonをクリックすると「true」と表示されます。

配列はobjectオブジェクトではありません

当たり前なのですが、念のため確認しておきます。サンプル(isPlainObject/02.html)を開いてbody内の構成はisPlainObject/01.htmlと同じ事を確認して下さい。jQueryもはほとんど同じで、異なるのは以下の様にobjectオブジェクトではなく配列を設定している点だけです。

var myArray = [1,2,3];;

配列はobjectオブジェクトではないので、buttonをクリックするとアラートで「false」と表示されます。

関連項目

空のobjectオブジェクトかどうかをチェックしたい場合はjQuery.isEmptyObjectメソッドを利用してください。配列かどうかをチェックしたい場合はjQuery.isArrayメソッドを利用してください。