Pengenalan kepada fungsi jQuery map() dan each() dan analisis persamaan dan perbezaan_jquery

Sintaks kaedah: map()

peta(panggilan balik)
Fungsi panggil balik dipanggil untuk setiap elemen dalam set yang dibalut dan nilai pulangan dikumpul ke dalam contoh objek jQuery.
Parameter
panggil balik (Fungsi) Fungsi panggil balik yang dipanggil untuk setiap elemen dalam set yang dibalut.
Sebagai contoh, kod berikut mengumpulkan nilai id semua elemen div pada halaman ke dalam tatasusunan javascript:

Salin kod Kod adalah seperti berikut:

var iDs = $("div").map(function(){
Kembalikan (this.id==undefined) ? null :this.id;
}).get();

Lihat set kotak pilihan yang terkandung dalam bentuk berikut:

Salin kod Kod adalah seperti berikut:

2

4

6

8

Kami boleh mendapatkan ID kotak pilihan dipisahkan koma:

Salin kod Kod adalah seperti berikut:

$(':checkbox').map(function() {
kembalikan ini.id;
}).get().join();

Hasil panggilan ini ialah rentetan, "dua, empat, enam".

Dalam fungsi panggil balik, ini menunjuk kepada elemen DOM semasa dalam setiap lelaran.

Sintaks kaedah: setiap()

setiap(iterator)
Lintas semua elemen dalam set padanan dan panggil fungsi lelaran yang diluluskan
untuk setiap elemen fungsi panggil balik iterator (fungsi) dipanggil
untuk setiap elemen dalam set padanan Kaedah each() juga boleh digunakan untuk melintasi objek tatasusunan JavaScript atau objek tunggal, contohnya:

Salin kod Kod adalah seperti berikut:

$([a,b,c,d]).setiap(fungsi(){
makluman(ini);
})

Pernyataan ini akan memanggil fungsi lelaran untuk setiap elemen tatasusunan yang diluluskan dalam $(), dan ini dalam fungsi menunjuk kepada item tatasusunan individu.

Setiap kali fungsi panggil balik dilaksanakan, kiraan gelung semasa akan dihantar sebagai parameter (pengiraan bermula dari 0). Lebih penting lagi, fungsi panggil balik dicetuskan dalam konteks elemen DOM semasa. Oleh itu kata kunci ini sentiasa menunjuk kepada elemen ini.

Andaikan kami mempunyai senarai ringkas tidak tertib seperti ini pada halaman.

Salin kod Kod adalah seperti berikut:

• foo


• bar

Anda boleh memilih dan mengulangi senarai ini:

Salin kod Kod adalah seperti berikut:

$( "li" ).setiap(fungsi( indeks ) {
console.log( indeks ": "" $(this).text() );
});

Setiap item dalam senarai akan dipaparkan dalam mesej berikut:

0: foo
1: bar
Perbezaan antara keduanya

Kaedah map() digunakan terutamanya untuk melintasi tatasusunan dan objek operasi, dan setiap() digunakan terutamanya untuk melintasi objek jquery.

setiap() mengembalikan tatasusunan asal dan tidak mencipta tatasusunan baharu.
Kaedah map() mengembalikan tatasusunan baharu. Jika peta digunakan secara tidak perlu, ingatan mungkin terbuang.