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

$.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 のブログを参照しています。共有してくれてありがとう