ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery $.each はオブジェクトと配列の使用法を横断します。

jQuery $.each はオブジェクトと配列の使用法を横断します。

WBOY
WBOYオリジナル
2016-05-16 16:03:45964ブラウズ

これを通じて、オブジェクトと配列の属性値をトラバースして処理できます。

使用説明書

各関数の効果はパラメータの種類によっては完全に一致しません:

1. オブジェクトをトラバースします (追加のパラメーターを使用)

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

$.each(オブジェクト, 関数(p1, p2) {

this; //これは、各トラバーサルにおけるオブジェクトの現在の属性値を指します
p1; p2; // 追加パラメータにアクセスします

}, ['パラメータ 1', 'パラメータ 2']);


2. 配列を走査します (添付パラメーターを使用)

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

$.each(配列, 関数(p1, p2){

this; //ここでは、各走査における配列の現在の要素を指します
p1; p2; // 追加パラメータにアクセスします
}, ['パラメータ 1', 'パラメータ 2']);


3. オブジェクトのトラバース (追加パラメーターなし)

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

$.each(オブジェクト, 関数(名前, 値) {

this; //this は現在の属性の値を指します
Name; //name は Object
の現在のプロパティの名前を表します。 value; //value は Object
の現在のプロパティの値を表します。 });
[コード]

4. 配列を走査します (追加パラメーターなし)
[コード]
$.each(配列, 関数(i, 値) {

this; //this は現在の要素を指します
i; //i は配列
の現在の添字を表します value; //value は Array

の現在の要素を表します。

});


jQuery の各メソッドの一般的な使用法をいくつか示します

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

var arr = [「1」、「2」、「3」、「4」]; $.each(arr, function(){
アラート(これ); });
//上記のそれぞれの出力結果は次のとおりです: 1、2、3、4

var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]]
$.each(arr1, function(i, item){
アラート(アイテム[0]); });
//実際には、arr1 は 2 次元配列であり、item は各 1 次元配列を取得するのと同等です、
//item[0] は、各 1 次元配列の最初の値の取得に関連しています
//したがって、上記のそれぞれの出力は次のようになります: 1 4 7


var obj = { 1:1, 2:2, 3:3, 4:4};
$.each(obj, function(key, val) {
アラート(obj[キー]); });
//これはそれぞれさらに強力で、すべての属性を循環できます
//出力結果は次のとおりです: 1 2 3 4


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