jquery memadamkan elemen tertentu daripada tatasusunan

Dalam pembangunan bahagian hadapan, kita selalunya perlu menggunakan tatasusunan untuk menyimpan dan memproses data. Kadangkala, kita perlu memadam beberapa elemen daripada tatasusunan. Dalam kes ini, kita boleh menggunakan jQuery untuk mengalih keluar elemen tertentu daripada tatasusunan dengan mudah. Artikel ini akan memperkenalkan cara menggunakan jQuery untuk memadam elemen dalam tatasusunan dan cara melaksanakannya.

1. jQuery memadamkan elemen yang ditentukan dalam tatasusunan

Kita boleh menggunakan kaedah grep jQuery untuk memadamkan elemen yang ditentukan dalam tatasusunan. Kaedah ini mengembalikan tatasusunan baharu yang tidak mengandungi elemen yang dipadam.

Berikut ialah contoh kod:

var array = [1, 2, 3, 4, 5];
var removeElement = 3;

array = $.grep(array, function(value) {
  return value != removeElement;
});

console.log(array); //[1, 2, 4, 5]

Dalam kod di atas, kami mula-mula mentakrifkan tatasusunan array dan kemudian mentakrifkan elemen removeElement untuk dipadamkan. Kami menggunakan kaedah $.grep() untuk memadam removeElement dan menetapkan semula tatasusunan baharu yang dikembalikan kepada array.

Dalam contoh di atas, kaedah $.grep() menerima dua parameter: parameter pertama ialah tatasusunan untuk dikendalikan, dan parameter kedua ialah fungsi. Fungsi ini digunakan untuk menentukan syarat penapis Nilai pulangan benar bermakna mengekalkan elemen, dan nilai pulangan palsu bermakna memadamkan elemen. Dalam contoh ini, kami menggunakan value != removeElement untuk menentukan keadaan penapis, yang bermaksud untuk mengekalkan elemen yang tidak sama dengan removeElement.

2. Bagaimana untuk memadamkan elemen tertentu dalam tatasusunan

Di atas kami telah memperkenalkan cara menggunakan jQuery untuk memadamkan elemen tertentu dalam tatasusunan. Bahagian ini menerangkan cara melaksanakan fungsi ini.

1. Ketahui subskrip elemen yang hendak dipadamkan

Pertama, kita perlu mengetahui subskrip elemen yang hendak dipadamkan dalam tatasusunan. Kami boleh menggunakan kaedah indexOf() JavaScript untuk mengetahui subskrip elemen seperti berikut:

var array = [1, 2, 3, 4, 5];
var removeElement = 3;

var index = array.indexOf(removeElement);

console.log(index); //2

Dalam kod di atas, kami menggunakan kaedah indexOf() untuk mengetahui subskrip elemen removeElement. Subskrip mula dikira dari 0, jadi index mempunyai nilai 2.

2. Padam elemen

Selepas mencari subskrip elemen, kami boleh menggunakan kaedah splice() JavaScript untuk memadamkan elemen. Seperti yang ditunjukkan di bawah:

var array = [1, 2, 3, 4, 5];
var removeElement = 3;

var index = array.indexOf(removeElement);

if (index > -1) {
  array.splice(index, 1);
}

console.log(array); //[1, 2, 4, 5]

Dalam kod di atas, kami mula-mula mengetahui subskrip elemen removeElement dan menetapkannya kepada pembolehubah index. Kemudian, kita tentukan sama ada index lebih besar daripada -1 (iaitu sama ada unsur itu wujud dalam tatasusunan). Jika ada, kami menggunakan kaedah splice() untuk mengalih keluar elemen. Kaedah ini menerima dua parameter: indeks elemen yang akan dipadamkan dan bilangan elemen yang akan dipadamkan. Dalam contoh ini, kami sedang mengalih keluar elemen, jadi parameter kedua ialah 1.

3. Dirangkumkan sebagai pemalam jQuery

Untuk mudah digunakan semula, kami boleh merangkumkan kod di atas ke dalam pemalam jQuery. Seperti yang ditunjukkan di bawah:

$.fn.removeFromArray = function(element) {
  var index = this.indexOf(element);

  if (index > -1) {
    this.splice(index, 1);
  }

  return this;
};

Dalam kod di atas, kami menambah kaedah ini pada objek prototaip jQuery melalui $.fn supaya ia boleh dipanggil dalam rantai apabila menggunakan kaedah ini. Kaedah ini menerima elemen untuk dipadamkan sebagai parameter. Mula-mula kami mencari subskrip elemen dan kemudian menggunakan kaedah splice() untuk memadamkan elemen. Akhir sekali, kami mengembalikan objek tatasusunan yang diubah suai itu sendiri.

Contoh penggunaan pemalam ini adalah seperti berikut:

var array = [1, 2, 3, 4, 5];
var removeElement = 3;

array.removeFromArray(removeElement);

console.log(array); //[1, 2, 4, 5]

Dalam kod di atas, kami menggunakan kaedah removeFromArray() untuk mengalih keluar elemen removeElement.

3. Ringkasan

Artikel ini memperkenalkan cara menggunakan jQuery untuk memadamkan elemen tertentu dalam tatasusunan, dan prinsip pelaksanaan. Melalui kajian artikel ini, kami boleh mengendalikan operasi tatasusunan dengan lebih fleksibel dan meningkatkan kecekapan kod dan kecekapan pembangunan.

Atas ialah kandungan terperinci jquery memadamkan elemen tertentu daripada tatasusunan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!