ホームページ  >  記事  >  ウェブフロントエンド  >  jQueryを使用してオブジェクトarray_jqueryを操作するための実装コード

jQueryを使用してオブジェクトarray_jqueryを操作するための実装コード

WBOY
WBOYオリジナル
2016-05-16 18:07:19875ブラウズ

jQuery は、配列要素の操作のために主に次のツールを提供します。
(1) 配列とオブジェクトの反復: jQuery.each(obj,callback)
オブジェクトと配列の反復に使用できる一般的な反復メソッド。コールバック関数には 2 つのパラメータがあります。1 つ目はオブジェクトのメンバーまたは配列のインデックスで、2 つ目は対応する変数またはコンテンツです。各ループを終了する必要がある場合は、コールバック関数が false を返すようにすることができ、他の戻り値は無視されます。
(2) 配列要素のフィルタリング:jQuery.grep(array,callback,[invert])
filter関数を使用して配列要素をフィルタリングします。この関数は、フィルタリングされる配列とフィルタ関数という少なくとも 2 つのパラメータを渡します。フィルター関数は、要素を保持する場合は true を返すか、要素を削除する場合は false を返す必要があります。
(3) 配列要素の検索: jQuery.inArray(value,array)
配列内の最初のパラメータの位置を決定します (見つからない場合は -1 を返します)。
(4) 重複要素の削除:jQuery.unique(array)
配列内の重複要素を削除します。
次の例では、オブジェクト配列のフィルタリングを使用して、指定された属性が指定された値である配列要素を取得または削除します。

コードをコピー コードは次のとおりです:


<script> <br>/**<br>* プロパティが objPropery で、値が objValue 要素であるオブジェクトをオブジェクト配列から削除します<br>* @param Array arrPersonal array object<br>* @param String objPropery オブジェクトのプロパティ<br>* @param String objPropery オブジェクトのValue<br>* @return 配列でフィルタリングされた array<br>*/ <br>function delete(arrperson,objPropery,objValue) <br>{ <br>return $. grep(arrperson , function(cur,i){ <br>return cur[objPropery]!=objValue; <br>}); <br>} <br>/**<br>* プロパティが objPropery で、値が objValue 要素であるオブジェクトをオブジェクト配列から取得します<br>* @param Array arrPersonal array object<br>* @param String objPropery オブジェクトの属性<br>* @param String objPropery オブジェクトのValue<br>* @return 配列でフィルタリングされた array<br>*/ <br>function get( arrPerson,objPropery ,objValue) <br>{ <br>return $.grep(arrperson, function(cur,i){ <br>return cur[objPropery]==objValue; <br>}); 🎜>/ **<br>* オブジェクト配列情報の表示 <br>* @param 文字列情報プロンプト情報 <br>* @param Array arrperson オブジェクト配列 <br>*/ <br>function showpersonInfo(info,arrperson) <br>{ <br>$.each(arrperson, function(index,callback){ <br>info ="個人 ID:" arrパーソン[インデックス].id "名前:"arrパーソン[インデックス].名前"性別:"arrパーソン[インデックス].性別"年齢:"arrパーソン[インデックス].年齢"rt"<br>}); (情報) ; <br>} <br>//テストデータ<br>var arrperson=new Array(); <br>person.id=1; .name= "ハンサムな男"; <br>person.age=30; <br>person=new Object(); >人.id =2; <br>人.性別=女性"; <br>arr人.push(人); >person= new Object(); <br>person.name="メイメイ B"; <br>person.age=20; 🎜>arrperson .push(person); <br>//削除のテスト<br>showPersonInfo("元の配列: t",arrperson); <br>arrperson=remove(arrperson,"id",1); <br>showpersonInfo("削除後: t",arrPerson); <br>// get をテストします<br>arrperson=get(arrperson,"id",3); <br>showpersonInfo("ID 3 の要素のみを取得します: rt",arrPerson); <br></script>

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。