Bagaimana untuk menamatkan gelung semasa dalam jquery

jQuery ialah perpustakaan JavaScript yang paling biasa digunakan Ia memudahkan banyak operasi yang membosankan dalam pembangunan JavaScript dan menyediakan API yang kaya, memudahkan pembangun mengendalikan DOM, mengendalikan sifat, pemprosesan acara dan kesan animasi, dsb.

Terdapat dua struktur gelung yang biasa digunakan dalam jQuery, satu ialah $.each() dan satu lagi ialah $.map(). Semasa proses gelung dua struktur gelung ini, kadangkala perlu menamatkan gelung lebih awal, iaitu melompat keluar daripada gelung semasa, untuk melaksanakan kod dengan lebih cekap. Jadi, bagaimana untuk menamatkan gelung semasa, artikel ini akan memperkenalkan cara melaksanakan fungsi ini.

1. Akhir gelung $.each()

$.each() ialah kaedah untuk merentasi objek jQuery. Ia adalah kaedah umum dan tidak boleh mengakses sebarang objek secara langsung untuk mengakses sesuatu objek tertentu perlu diakses melalui konteks.

Dalam gelung $.each(), anda boleh menggunakan pernyataan return false untuk menamatkan gelung. Pernyataan ini menamatkan gelung dan melangkau kod yang lain. Sebagai contoh, kod berikut:

$.each([1, 2, 3, 4], function (index, value) {
  console.log(value);
  if (value === 3) {
    return false;
  }
});

Hasil output ialah:

1
2
3

Apabila penyataan return false dalam $.each() dilaksanakan, gelung ditamatkan dan kod berikut akan diabaikan, jadi Nombor 4 tidak mempunyai output.

2. Akhir gelung $.map()

Kaedah $.map() ialah kaedah penukaran Ia mengekstrak nilai pulangan daripada setiap elemen dengan melaksanakan fungsi yang ditentukan dan mengembalikan a tatasusunan baharu. Gelung $.map() juga boleh menggunakan pernyataan pulangan untuk menamatkan gelung.

Apabila pernyataan pulangan digunakan dalam gelung $.map(), ia tidak menamatkan gelung seperti yang dilakukan oleh $.each(). Ia hanya akan menamatkan gelung semasa dan terus melaksanakan kod berikut sehingga penghujung gelung. Contohnya, kod berikut:

$.map([1, 2, 3, 4], function (value, index) {
  console.log(value);
  if (value === 3) {
    return;
  }
});

Hasil output ialah:

1
2
3
4

Apabila penyataan pulangan dalam $.map() dilaksanakan, ia akan melangkau nombor 3 dan meneruskan gelung. Itu bezanya.

3. Ringkasan

Dalam pembangunan JavaScript, pengoptimuman struktur gelung sentiasa menjadi topik yang sangat penting. Apabila syarat tertentu dilaksanakan, kadangkala perlu menamatkan gelung lebih awal untuk meningkatkan kecekapan kod. Dalam jQuery, pengakhiran awal gelung boleh dicapai melalui penyataan pulangan kaedah $.each() dan $.map().

Apabila menggunakan kaedah $.each(), anda hanya perlu menggunakan pernyataan return false di dalam gelung. Apabila menggunakan kaedah $.map(), anda boleh menggunakan pernyataan pulangan untuk melangkau gelung semasa dan terus melaksanakan kod berikut sehingga penghujung gelung.

Walau bagaimanapun, penggunaan pernyataan lompat yang kerap akan mengurangkan kebolehbacaan kod dan menjadikan kod kompleks dan sukar untuk difahami. Oleh itu, dalam pembangunan sebenar, kita harus menggunakan kenyataan ini dengan berhati-hati untuk mengekalkan kod dengan lebih baik.

Atas ialah kandungan terperinci Bagaimana untuk menamatkan gelung semasa dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!