padam gelung javascript

JavaScript ialah bahasa pengaturcaraan yang sangat popular dengan pelbagai aplikasi. Semasa proses pembangunan, kita selalunya perlu memproses data, yang melibatkan gelung pada tatasusunan dan objek. Dalam pembangunan sebenar, kadang-kadang perlu untuk memadam elemen tertentu dalam tatasusunan atau objek Jadi bagaimana untuk memadam elemen ini dalam gelung? Artikel ini akan memperkenalkan kaedah pemadaman gelung dalam JavaScript dan langkah berjaga-jaganya.

1. Memadamkan elemen tatasusunan dalam gelung for

Cara paling mudah untuk memadamkan elemen tatasusunan dalam JavaScript ialah menggunakan gelung for untuk melintasi tatasusunan dan memadamkan elemen yang sepadan.

Mari kita lihat contoh dahulu:

const arr = [1, 2, 3, 4, 5];

for (let i = 0; i < arr.length; i++) {
  if (arr[i] === 2 || arr[i] === 4) {
    arr.splice(i, 1);
    i--;
  }
}

console.log(arr); // [1, 3, 5]

Dalam kod di atas, kami menggunakan gelung for untuk melintasi arr tatasusunan dan menentukan sama ada elemen semasa ialah 2 atau 4. Jika ya, panggil kaedah arr.splice(i, 1) Padam elemen dan kurangkan pembolehubah gelung i sebanyak 1 untuk memastikan elemen berikutnya tidak akan terlepas. Keputusan yang dijalankan adalah seperti berikut:

[1, 3, 5]

Kaedah ini boleh dilaksanakan, tetapi terdapat masalah yang ketara: setiap kali elemen dipadamkan, indeks keseluruhan tatasusunan perlu dilaraskan semula, mengakibatkan prestasi yang lemah. Apabila bilangan elemen tatasusunan adalah besar, pemadaman gelung akan memakan masa yang lama. Jika anda hanya mahu memadamkan sebilangan kecil elemen, anda boleh menggunakan kaedah ini. Walau bagaimanapun, apabila mengeluarkan sejumlah besar elemen, kaedah lain disyorkan.

2. Memadamkan elemen tatasusunan secara terbalik untuk gelung

Selain menggunakan gelung untuk tradisional, anda juga boleh menggunakan gelung terbalik untuk memadamkan elemen tatasusunan. Berbanding dengan gelung ke hadapan untuk gelung, menggunakan gelung terbalik dengan berkesan dapat menyelesaikan masalah penyusunan semula indeks dan meningkatkan prestasi.

Sebagai contoh, untuk memadam nombor genap dalam tatasusunan, anda boleh menggunakan kod berikut:

const arr = [1, 2, 3, 4, 5];

for (let i = arr.length - 1; i >= 0; i--) {
  if (arr[i] % 2 === 0) {
    arr.splice(i, 1);
  }
}

console.log(arr); // [1, 3, 5]

Pelaksanaan kaedah ini pada asasnya adalah sama, kecuali arah gelung adalah bertentangan. Mula-mula mulakan dari indeks panjang tatasusunan-1 dan secara beransur-ansur mengurangkan nilai indeks untuk mengakses tatasusunan. Menggunakan kaedah ini boleh mengelakkan anjakan tambahan tatasusunan dan meningkatkan kecekapan kod.

3 Gunakan kaedah penapis untuk memadam elemen tatasusunan

Menggunakan kaedah penapis ES6, anda juga boleh memadamkan elemen tatasusunan dengan mudah. Fungsi penapis mengembalikan tatasusunan baharu yang memenuhi syarat tanpa mengubah tatasusunan asal.

Sebagai contoh, untuk memadam nombor genap dalam tatasusunan, kodnya adalah seperti berikut:

const arr = [1, 2, 3, 4, 5];

// 返回所有奇数
arr = arr.filter(item => item % 2 !== 0);

console.log(arr); // [1, 3, 5]

Kaedah ini menggunakan fungsi anak panah dalam ES6 untuk menentukan sama ada nilai setiap elemen ialah nombor ganjil . Jika ya, kekalkan elemen ke dalam tatasusunan baharu. Selepas memadamkan elemen genap, tatasusunan baharu ialah hasil yang kami perlukan.

Perlu diambil perhatian bahawa kaedah penapis akan mengembalikan tatasusunan baharu tanpa mengubah suai tatasusunan asal. Jika anda perlu mengubah suai tatasusunan asal, anda boleh menetapkan kaedah ini kepada tatasusunan asal.

4. Gunakan kaedah forEach untuk memadam elemen tatasusunan

Selain kaedah penapis, anda juga boleh menggunakan kaedah forEach untuk memadamkan elemen tatasusunan. Idea utama kaedah ini adalah untuk memadam elemen yang tidak memenuhi syarat daripada tatasusunan selepas melintasi tatasusunan.

Contohnya, padamkan elemen genap dalam tatasusunan:

let arr = [1, 2, 3, 4, 5];

arr.forEach((item, index) => {
  if (item % 2 === 0) {
    arr.splice(index, 1);
  }
});

console.log(arr); // [1, 3, 5]

Kod di atas menggunakan gelung forEach untuk melintasi arr tatasusunan Jika nombor ganjil ditemui, elemen itu dikekalkan dalam tatasusunan asal, jika tidak elemen itu dipadamkan. Perlu diingat bahawa selepas memadamkan elemen dalam gelung, panjang dan indeks tatasusunan akan berubah, yang mungkin menyebabkan beberapa elemen terlepas. Oleh itu, adalah disyorkan apabila menggunakan kaedah ini, anda mula-mula membuat sandaran tatasusunan untuk mengelakkan ralat yang tidak dapat diramalkan.

5. Langkah berjaga-jaga

Apabila memadamkan elemen tatasusunan dalam gelung, kaedah yang berbeza mempunyai skop aplikasi dan langkah berjaga-jaga yang berbeza. Semasa pembangunan, adalah perlu untuk memilih kaedah yang sesuai berdasarkan keadaan sebenar.

1. Jika anda hanya memadamkan sebilangan kecil elemen, anda boleh menggunakan kaedah tradisional untuk gelung atau terbalik untuk gelung, tetapi anda perlu memberi perhatian kepada masalah melaraskan semula indeks selepas pemadaman.
2. Jika bilangan elemen yang perlu dipadam adalah besar, anda boleh menggunakan kaedah penapis atau kaedah forEach, tetapi perlu diingat bahawa selepas memadamkan elemen dalam gelung, panjang dan indeks asal tatasusunan mungkin berubah, sekali gus menjejaskan traversal berikutnya.
3. Apabila memadamkan elemen tatasusunan, adalah disyorkan untuk membuat sandaran tatasusunan untuk mengelakkan ralat yang tidak dapat diramalkan.
4. Apabila memadamkan elemen dalam gelung for, anda perlu melintasi dari belakang ke hadapan, jika tidak, beberapa elemen akan terlepas.

Secara umum, memadamkan elemen tatasusunan dalam gelung ialah kemahiran asas dalam pembangunan JavaScript Menguasainya akan menjadikan kod lebih cekap dan cantik. Beberapa kaedah pelaksanaan diperkenalkan di atas, dan anda perlu memilih berdasarkan situasi sebenar apabila menggunakannya.

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