Bagaimana untuk memadam elemen tatasusunan dalam javascript

JavaScript ialah bahasa pengaturcaraan peringkat tinggi yang digunakan untuk menambah kandungan interaktif dan dinamik pada halaman web. Antaranya, keupayaan untuk memanipulasi jenis data adalah salah satu sebab mengapa JavaScript begitu popular dan penting. Apabila kami memproses data, kami selalunya perlu menambah, membaca dan memadam elemen dalam koleksi. Contohnya, apabila pengguna meluncurkan tetikus ke atas gambar pada halaman, kami mungkin perlu memadamkan gambar secara dinamik daripada koleksi gambar (seperti Array), supaya pengguna tidak lagi melihat gambar itu apabila tetikus meluncur ke atas. koleksi itu lagi. Untuk keperluan sedemikian, JavaScript menyediakan berbilang kaedah untuk memadam elemen, yang akan diperkenalkan satu demi satu seterusnya.

1. Gunakan kaedah splice()

Kaedah splice() ialah kaedah yang boleh mengubah suai tatasusunan asal Ia boleh memasukkan atau memadam elemen dalam tatasusunan dan mengembalikan Tatasusunan nilai untuk elemen yang dipadam. Kaedah ini menerima dua atau lebih parameter Parameter pertama menentukan kedudukan elemen permulaan yang akan dipadam atau dimasukkan, dan parameter kedua menentukan bilangan elemen yang akan dipadam atau dimasukkan. Jika anda hanya mahu memadamkan satu elemen, anda boleh lulus hanya satu parameter.

let myArray = ["apple", "banana", "orange", "pear"];
myArray.splice(2, 1); // 第一个参数是要删除元素的位置，第二个参数是要删除的元素数量。
console.log(myArray); // ["apple", "banana", "pear"]

Dalam kod ini, kami mentakrifkan tatasusunan myArray yang mengandungi empat nama buah. Kemudian gunakan kaedah splice() dan lulus dalam parameter kedua 1, iaitu untuk memadam hanya satu elemen, parameter pertama ialah 2, yang bermaksud operasi pemadaman bermula dari elemen ketiga, iaitu padam "oren" dalam tatasusunan; . Output akhir menunjukkan bahawa operasi pemadaman berjaya, dan myArray mengandungi hanya tiga elemen: "epal", "pisang" dan "pir".

2. Menggunakan kata kunci padam

Kata kunci padam juga boleh digunakan untuk memadamkan elemen, tetapi ia hanya berfungsi pada sifat objek dan bukan elemen dalam tatasusunan. Apabila anda memadamkan elemen tatasusunan menggunakan kata kunci padam, ia hanya menetapkan nilai elemen kepada tidak ditentukan. Panjang tatasusunan asal tidak berubah. Jadi, jika anda benar-benar ingin mengalih keluar elemen daripada tatasusunan, anda perlu memanggil kaedah splice() sekali lagi.

let myArray = ["apple", "banana", "orange", "pear"];
delete myArray[2];
console.log(myArray); // ["apple", "banana", undefined, "pear"]

Dalam kod ini, kami menggunakan kata kunci padam untuk memadamkan elemen ketiga tatasusunan myArray, "oren". Walau bagaimanapun, tatasusunan ini menjadi [ "epal", "pisang", tidak ditentukan, "pir" ], dan kedudukan elemen yang dipadam menjadi tidak ditentukan. Ini adalah lebih buruk daripada tidak memadam kerana bukan sahaja ia elemen tidak sah, ia juga menyebabkan masalah apabila lelaran melalui tatasusunan. Oleh itu, adalah disyorkan agar anda tidak menggunakan padam untuk mengalih keluar elemen daripada tatasusunan.

3. Gunakan kaedah penapis()

Penapis kaedah tatasusunan() dalam JavaScript boleh digunakan untuk menapis elemen dalam tatasusunan dan mengembalikan semua elemen yang sepadan dengan keadaan tertentu Contoh. Memandangkan kaedah penapis() tidak mengubah suai tatasusunan asal, berbanding dengan kaedah splice(), menggunakan kaedah filer() untuk memadam elemen tidak menghadapi masalah mengubah suai beberapa elemen yang anda tidak mahu ubah suai.

let myArray = ["apple", "banana", "orange", "pear"];
myArray = myArray.filter(function (item) {
  return item !== "orange"; // 返回所有不是“orange”元素的数组实例
});
console.log(myArray); // ["apple", "banana", "pear"]

Dalam kod ini, kami mentakrifkan tatasusunan myArray yang mengandungi empat nama buah. Kemudian gunakan kaedah penapis(), menghantar fungsi tanpa nama yang menentukan syarat untuk memadam item. Fungsi tanpa nama ini mengembalikan tatasusunan baharu yang mengandungi semua kejadian yang bukan elemen "oren". Kaedah ini bukan sahaja boleh memadam satu elemen, tetapi juga memadamkan berbilang elemen. Akhir sekali, kami mempunyai myArray yang dikemas kini yang tidak lagi menyertakan elemen "oren".

4. Gunakan kaedah pop() atau shift()

Kaedah pop() atau shift() digunakan untuk memadamkan elemen dalam tatasusunan. Kaedah pop() memadamkan elemen terakhir dalam tatasusunan, manakala kaedah shift() memadamkan elemen pertama dalam tatasusunan. Jika kita mengetahui kedudukan elemen yang akan dialih keluar dalam koleksi, kita boleh menggunakannya untuk mengalih keluar elemen tertentu. Walau bagaimanapun, ini tidak secara langsung memadamkan elemen dalam tatasusunan, mereka hanya memadam tatasusunan baharu yang mengandungi elemen sasaran. Jika anda perlu mengubah suai tatasusunan asal, anda boleh memanggil splice() untuk menggantikannya.

let myArray = ["apple", "banana", "orange", "pear"];
myArray.pop(); // 删除 myArray 中的最后一个元素
console.log(myArray); // ["apple", "banana", "orange"]
myArray.shift(); // 删除 myArray 中的第一个元素
console.log(myArray); // ["banana", "orange"]

Dalam kod ini, kami mentakrifkan tatasusunan myArray yang mengandungi empat nama buah. Kemudian kami mengalih keluar elemen terakhir dan pertama dalam tatasusunan menggunakan kaedah pop() dan shift() masing-masing. Apabila memanggil kaedah ini, tatasusunan asal diubah suai dan elemen yang dialih keluar tidak boleh diakses. Oleh itu, jika anda perlu mengubah suai tatasusunan, anda perlu membuat salinan terlebih dahulu.

Untuk meringkaskan, terdapat pelbagai cara untuk memadamkan elemen daripada tatasusunan dalam JavaScript, masing-masing dengan kebaikan dan keburukan mereka sendiri. splice() ialah salah satu kaedah yang paling biasa digunakan Ia boleh mengubah suai tatasusunan asal dan mengembalikan nilai elemen yang dipadamkan. Walau bagaimanapun, jika kita tidak mahu mengubah suai tatasusunan, kita boleh menggunakan filter(), tetapi kaedah ini tidak boleh mengubah suai tatasusunan asal secara langsung. Pemilihan khusus kaedah pemadaman perlu ditentukan berdasarkan keperluan perniagaan tertentu.

Atas ialah kandungan terperinci Bagaimana untuk memadam elemen tatasusunan dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!