jquery traverse array padam

Dengan perkembangan teknologi bahagian hadapan, JavaScript telah menjadi bahasa pengaturcaraan yang sangat popular. Salah satu perpustakaan yang paling biasa digunakan ialah jquery. Kuasa jquery terletak pada kesederhanaan dan kepraktisannya. Penyataan ringkas jquery membolehkan kami menyiapkan lebih banyak kerja dalam JavaScript. Dalam artikel ini, kami membincangkan terutamanya cara jquery merentasi tatasusunan dan memadamkan elemen.

Pertama, mari kita fahami cara jquery merentasi tatasusunan. Terdapat fungsi each() dalam jquery, yang boleh lelaran ke atas mana-mana objek boleh lelaran.

Sebagai contoh, jika kita mempunyai arr tatasusunan, kita boleh lelaran ke atas tatasusunan menggunakan:

$.each(arr, function (index, item) {
    // do something with the item
});

Dalam kod di atas, fungsi $.each() menerima dua parameter, pertama Yang pertama ialah objek yang akan dilalui, dan yang kedua ialah fungsi panggil balik. Fungsi panggil balik akan dipanggil pada setiap lelaran. Dalam fungsi panggil balik, indeks parameter mewakili kedudukan indeks lelaran semasa, dan item parameter mewakili elemen lelaran semasa. Anda boleh menulis beberapa logik dalam fungsi panggil balik untuk mengendalikan setiap elemen yang diulang.

Mari kami perkenalkan cara memadam elemen daripada tatasusunan menggunakan jquery.

Kaedah untuk memadam satu elemen

Jika anda mahu memadamkan elemen tertentu daripada tatasusunan, anda boleh menggunakan kod berikut:

$.each(array, function(index, item) {
  if (item === targetItem) {
    array.splice(index, 1);
    return false;
  }
});

Kod ini menggunakan setiap( ) untuk mengulang tatasusunan, dan apabila elemen yang hendak dipadam ditemui, gunakan fungsi splice() untuk memadamkan elemen tersebut. Fungsi splice() ialah kaedah yang disediakan oleh JavaScript untuk memadamkan elemen tatasusunan Ia menerima dua parameter: kedudukan elemen yang akan dipadamkan dan bilangan elemen yang akan dipadamkan. Di sini kami menetapkan bilangan elemen untuk dipadamkan kepada 1 kerana kami hanya mahu memadamkan satu elemen sahaja.

Kami menggunakan return false dalam fungsi panggil balik untuk menghentikan fungsi $.each() daripada terus mengulang tatasusunan. Ini kerana kami hanya mahu memadamkan satu elemen, dan jika kami tidak mengganggu lelaran, kod akan terus melaksanakan dan memadamkan elemen lain yang sama dengan elemen sasaran.

Cara untuk memadam berbilang elemen

Jika anda ingin memadam berbilang elemen daripada tatasusunan, anda boleh menggunakan kod berikut:

var itemsToRemove = [targetItem1, targetItem2, targetItem3];
$.each(array, function(index, item) {
  if ($.inArray(item, itemsToRemove) !== -1) {
    array.splice(index, 1);
    return false;
  }
});

Dalam contoh ini, kami mencipta nama Tatasusunan itemToRemove yang mengandungi elemen yang akan dipadamkan. Kami mengulangi tatasusunan menggunakan fungsi $.each() dan apabila kami menemui elemen yang ingin kami padamkan, kami menggunakan fungsi splice() untuk memadamkan elemen tersebut.

Sama seperti contoh sebelumnya, kami menggunakan return false untuk mengganggu lelaran dan berhenti meneruskan carian.

Perlu diambil perhatian bahawa dalam contoh ini, kami menggunakan fungsi inArray() yang disediakan oleh jquery untuk mencari sama ada tatasusunan mengandungi elemen yang ditentukan. Jika elemen ialah objek, anda mesti menggunakan $.inArray() dalam fungsi inArray() kerana dalam kes ini JavaScript akan menukar objek kepada rentetan.

Ringkasan

Dalam artikel ini, kami membincangkan kaedah jquery untuk merentasi tatasusunan dan cara memadamkan elemen dalam tatasusunan menggunakan jquery. Apabila melelaran melalui tatasusunan, kita boleh menggunakan fungsi each() untuk mengakses setiap elemen dan menggunakan fungsi splice() untuk menyelesaikan operasi apabila kita perlu mengalih keluar elemen. Selain itu, kita juga boleh menggunakan fungsi inArray() yang disediakan oleh jquery untuk mencari elemen dalam tatasusunan. Teknik ini boleh membolehkan kami mengendalikan tatasusunan JavaScript dengan lebih cekap, sekali gus meningkatkan kecekapan pembangunan kami.

Atas ialah kandungan terperinci jquery traverse array padam. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!