Panduan ini menerangkan penggunaan dan kaedah untuk Break Out dari jQuery each() gelung. Kaedah-kaedah ini dinyatakan di bawah:
- Bagaimana untuk Keluar daripada jQuery each() Loop?
- Menggunakan Return False Statement
- Melemparkan Pengecualian
- Menggunakan Bendera Tersuai
Bagaimana untuk Memecahkan Gelung 'each()' jQuery?
Tercetusnya daripada ' setiap () ” gelung jQuery boleh mengoptimumkan kelajuan pelaksanaan kod dan membenarkan pembangun untuk keluar dari gelung lebih awal berdasarkan syarat tertentu. Dengan keluar dari jQuery “ setiap () ” gelung, pembangun boleh segera keluar dari gelung dan mengendalikan ralat atau melakukan tindakan yang sesuai tanpa meneruskan lelaran yang tinggal.
Terdapat beberapa kaedah atau pendekatan yang boleh digunakan untuk keluar daripada gelung 'setiap()' jQuery, kaedah ini diterangkan di bawah.
Kaedah 1: Menggunakan Return False Statement
Dengan mengembalikan nilai palsu, gelung 'each()' segera melangkau baki lelaran dan mengelakkan lelaran yang tidak perlu, seperti ditunjukkan di bawah:
< skrip >
const coll = [ 5 , 6 , 7 , 8 , 9 ] ;
konsol. log ( 'Koleksi Asal: ' + coll ) ;
$. setiap satu ( coll , fungsi ( i , Dia juga menetap ) {
konsol. log ( Dia juga menetap ) ;
jika ( Dia juga menetap === 7 ) {
kembali salah ;
}
} ) ;
skrip >
Penerangan kod di atas:
- Pertama, tatasusunan ' coll ” dicipta yang mengandungi lima nilai tiruan yang dicetak pada konsol.
- Seterusnya, gunakan ' setiap () 'gelung di mana' coll ” digunakan sebagai koleksi dan panggilan balik dihantar sebagai pasangan nilai kunci bernama “ i ” dan “ pemastautin ” masing-masing.
- Fungsi panggil balik ini berulang melalui “ coll ” dan memaparkan nilai untuk setiap indeks yang sepadan.
- Bila ' setiap () ' lelaran gelung mencapai ' 7 ' pemecahan gelung nilai disebabkan oleh ' kembali palsu ” kenyataan.
Selepas penyusunan, output kelihatan seperti ini:
Output menunjukkan bahawa gelung 'setiap()' jQuery telah keluar untuk memaparkan data sehingga keadaan tertentu tidak mencapai.
Kaedah 2: Melemparkan Pengecualian
Dengan membuang pengecualian dalam ' setiap () ”, pembangun boleh keluar dari gelung “each()” dan melompat ke logik pengendalian ralat. Ia membolehkan pembangun melakukan tindakan tertentu apabila diperlukan, seperti yang ditunjukkan di bawah:
< skrip >const coll = [ 5 , 6 , 7 , 8 , 9 ] ;
konsol. log ( 'Elemen Data Asal: ' + coll ) ;
cubalah {
$. setiap satu ( coll , fungsi ( i , Dia juga menetap ) {
konsol. log ( Dia juga menetap ) ;
jika ( Dia juga menetap === 7 ) {
melontar baru ralat ( 'Keluar dari gelung' ) ;
}
} ) ;
} tangkap ( ralat ) {
konsol. log ( ralat. mesej ) ; // Kendalikan ralat atau lakukan tindakan yang diperlukan
}
skrip >
Penerangan kod:
- Pertama, tatasusunan ' coll ” diisytiharkan yang mengandungi berbilang nilai dummy dan mencetak nilai ini pada konsol.
- Seterusnya, di dalam ' cubalah 'sekat jQuery' setiap () gelung ” digunakan di sepanjang fungsi panggil balik yang berulang pada tatasusunan untuk memaparkan setiap entiti.
- Keadaan khusus digunakan di dalamnya yang memberikan pengecualian apabila syarat itu dipenuhi.
- Sekarang, dalam ' tangkap ” blok memaparkan mesej ralat jika pengguna menangkap sebarang ralat.
Selepas kompilasi:
Output hanya menunjukkan elemen sebelum berlakunya keadaan diambil semula.
Kaedah 3: Menggunakan Bendera Tersuai
' bendera tersuai ” juga boleh ditetapkan untuk keluar dari gelung jQuery each(), bendera ini menggunakan “ benar ” atau “ salah ” sebagai nilai. Bendera pada dasarnya adalah pembolehubah yang ditetapkan kepada palsu jika syarat yang diingini dipenuhi, seperti ditunjukkan di bawah:
< skrip >const coll = [ 5 , 6 , 7 , 8 , 9 ] ;
biarkan breakCond = salah ;
$. setiap satu ( coll , fungsi ( indeks , item ) {
konsol. log ( item ) ;
jika ( item === 7 ) {
breakCond = benar ;
kembali salah ;
}
} ) ;
jika ( breakCond ) {
konsol. log ( 'Keluar dari gelung' ) ;
}
skrip >
Penerangan kod:
- Pertama, tatasusunan ' coll ” diisytiharkan, dan pembolehubah boolean “ breakCond ” mempunyai nilai “ salah ” juga dicipta. Pembolehubah ini bertindak sebagai bendera tersuai.
- Seterusnya, jQuery ' setiap () gelung ” digunakan di sepanjang fungsi panggil balik untuk lelaran pada tatasusunan dan memaparkan setiap nilai elemen yang tinggal.
- Di dalamnya, ' jika pernyataan ” digunakan untuk menyemak berlakunya nilai yang dikehendaki dan menetapkan nilai “ breakCond ” kepada benar, dan kembalikan nilai palsu untuk menghentikan kitaran pelaksanaan.
- Pada akhirnya, paparkan mesej pecahan jika ' breakCond ” mengandungi nilai “ benar ”.
Selepas penyusunan, konsol kelihatan seperti ini:
Gambar menunjukkan bahawa keluar dari jQuery “ setiap () ” gelung telah berjaya dilakukan.
Kesimpulan
Untuk keluar dari jQuery ' setiap () 'gelung, beberapa pendekatan seperti ' kembali palsu 'kenyataan,' Melemparkan Pengecualian ', dan penciptaan ' bendera tersuai ' boleh digunakan. Pendekatan di atas menghentikan kitaran pelaksanaan keseluruhan apabila syarat tertentu telah dipenuhi. Panduan ini telah berjaya menunjukkan pendekatan yang mana pembangun boleh keluar dari gelung 'setiap()' jQuery.