jQueryの配列処理方法まとめ_jquery-jsチュートリアル-php.cn

jQueryの配列処理方法まとめ_jquery

WBOY

リリース： 2016-05-16 18:05:52

オリジナル

1067 人が閲覧しました

$.each(array, [callback]) トラバーサル、非常に一般的に使用されます

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

 
var arr = ['javascript', 'php', 'java', 'c ', 'c#', 'perl', 'vb', 'html', 'css', 'objective-c ']; 
$.each(arr, function(key, val) { 
// firebug console 
console.log('arr:' key のインデックス、対応する値:' val); 
// ループを終了する場合 
// return false; 

 

$.grep(array, callback, [invert]) フィルター、一般的に使用されます。

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

var temp = [] 
; temp = $.grep(arr, function(val , key) { 
if(val.indexOf('c') != -1) 
return true; 
// [invert] パラメータの場合が指定されていないか false の場合、$.grep はコールバックのみを収集します。関数は true の配列要素を返します 
 // それ以外の場合、[invert] パラメーターが true の場合、$.grep はコールバック関数を収集し、false の配列要素を返します 
}, false); 
console.dir(temp); 

 

$.map(array, [callback]) はあまり使用されません

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

//1.6 より前のバージョンは配列のみをサポートします
temp = $.map(arr, function(val) , key) { 
//返される配列の長さは 1 減ります 
if(val === 'vb') return null 
}); 🎜>console.dir(temp); 
//Json 形式は 1.6 以降サポートされています object 
var obj = {key1: 'val1', key2: 'val2', key3: 'val3'}; temp = $.map(obj, function(val, key) { 
return val ; 
}); 

 
$.inArray( val, array) を使用して、指定された配列内にあるかどうかを判断します。一般的に使用されます。

コードをコピー

コードは次のとおりです。 //配列内の要素の位置を返します。0 は開始位置です。戻り値 -1 要素が見つかりませんでした。console.log($.inArray('javascript', arr) );

$.merge(first, Second) は 2 つの配列をマージします。使用頻度は通常、

コピーコード

コードは次のとおりです: varfrontEnd = ['javascript', 'css', 'html '], backEnd = ['java', 'php' , 'c ']; // このメソッドは、frontEnd array

temp = $.merge(frontEnd , backEnd);

console.dir(temp); を変更します。 >console.dir(frontEnd); 
// 元の配列への影響を回避するには、次のメソッドを使用できます 
// $.merge( $.merge([],frontEnd), backEnd); 🎜>
 
$.unique(array) は配列内の重複要素をフィルターします。一般的には使用されません 

コードをコピー

コードは次のとおりです。

blahblahblah....

;

// $ .unique は DOM 要素の配列のみをサポートし、重複した DOM 要素を削除します。他のタイプの配列 (文字列または数値) はサポートしません。

// jQuery でカプセル化されたものではなく、元の DOM 配列を取得します。 
var divs = $('div ').get(); 
// クラス dup を使用して div をいくつか追加します 
divs = divs.concat($('div.dup') .get()); before unique:" divs.length); 
divs = $.unique(divs); 
console.log("after unique:" divs.length ; 
 コードは次のとおりです: 

 
//そもそも配列的なオブジェクトとは何ですか? jQuery公式サイトでは例として divs = getElementsByTag('div') を使用しています 
//この divs は配列に似ています などのメソッドがあります長さ、[index] を介して要素を取得するなど。
//それを $.makeArray(divs) を介して配列に変換すると、配列の他の関数を使用できます
//reverse() など、 Pop () など

 
$(dom).toArray() は、jQuery コレクションを DOM 配列に復元します。一般的には使用されません

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

 
//makeArray と同様、非常に一般的ではないため、一般に無視できます 
この記事Mr.Think のブログを参照しています。共有してくれてありがとう