Cara Menggelung Melalui Tatasusunan dalam JavaScript

Mia Chevalier

Khamis, 6 Jun 2024 4:31:51 PTG

Menguasai Gelung Tatasusunan dalam JavaScript
Menggulung melalui tatasusunan ialah kemahiran asas dalam JavaScript, penting untuk memanipulasi dan berinteraksi dengan data yang disimpan dalam senarai. Sama ada anda bekerja dengan set data kecil atau besar, memahami cara mengulang elemen tatasusunan dengan cekap boleh meningkatkan keupayaan pengaturcaraan anda dengan ketara.
Dalam panduan ini, kami akan meneroka pelbagai kaedah untuk menggelungkan tatasusunan dalam JavaScript. Daripada gelung tradisional kepada teknik moden yang lebih ringkas, anda akan memperoleh pengetahuan untuk memilih pendekatan terbaik untuk keperluan khusus anda dan gaya pengekodan.

Perintah Penerangan

forEach() Kaedah yang melaksanakan fungsi yang disediakan sekali untuk setiap elemen tatasusunan.

for...of Gelung yang melelaran ke atas objek boleh lelaran, seperti tatasusunan, menggunakan cangkuk lelaran tersuai dengan penyataan yang akan dilaksanakan untuk nilai setiap sifat yang berbeza.

map() Kaedah yang mencipta tatasusunan baharu diisi dengan hasil panggilan fungsi yang disediakan pada setiap elemen dalam tatasusunan panggilan.

reduce() Kaedah yang melaksanakan fungsi pengurang pada setiap elemen tatasusunan, menghasilkan satu nilai output.

length Sifat yang menetapkan atau mengembalikan bilangan elemen dalam tatasusunan.

console.log() Kaedah yang mengeluarkan mesej kepada konsol web. Mesej ini boleh menjadi rentetan, tatasusunan, objek atau apa-apa jenis lain.

Perintah	Penerangan
forEach()	Kaedah yang melaksanakan fungsi yang disediakan sekali untuk setiap elemen tatasusunan.
for...of	Gelung yang melelaran ke atas objek boleh lelaran, seperti tatasusunan, menggunakan cangkuk lelaran tersuai dengan penyataan yang akan dilaksanakan untuk nilai setiap sifat yang berbeza.
map()	Kaedah yang mencipta tatasusunan baharu diisi dengan hasil panggilan fungsi yang disediakan pada setiap elemen dalam tatasusunan panggilan.
reduce()	Kaedah yang melaksanakan fungsi pengurang pada setiap elemen tatasusunan, menghasilkan satu nilai output.
length	Sifat yang menetapkan atau mengembalikan bilangan elemen dalam tatasusunan.
console.log()	Kaedah yang mengeluarkan mesej kepada konsol web. Mesej ini boleh menjadi rentetan, tatasusunan, objek atau apa-apa jenis lain.

Memahami Kaedah Looping Array dalam JavaScript

Skrip yang disediakan di atas menunjukkan pelbagai cara untuk menggelungkan tatasusunan dalam JavaScript. Contoh pertama menggunakan tradisional gelung, yang berulang ke atas elemen tatasusunan menggunakan indeks. The kaedah ialah pendekatan yang lebih moden, melaksanakan fungsi yang disediakan sekali untuk setiap elemen tatasusunan. The gelung ialah satu lagi cara yang cekap untuk mengulang tatasusunan, terutamanya apabila anda tidak memerlukan akses kepada indeks. Kaedah ini penting untuk mengendalikan tatasusunan dalam JavaScript, menjadikannya lebih mudah untuk melaksanakan operasi pada setiap elemen.

Selain itu, kaedah mencipta tatasusunan baharu dengan memanggil fungsi pada setiap elemen, yang berguna untuk mengubah data. The kaedah melaksanakan fungsi pengurang pada setiap elemen tatasusunan, menghasilkan nilai output tunggal. Perintah-perintah ini, bersama-sama dengan dan console.log, menyediakan alatan berkuasa untuk memanipulasi dan menyahpepijat tatasusunan dalam JavaScript. Dengan memahami kaedah ini, pembangun boleh memilih teknik gelung yang paling sesuai untuk kes penggunaan khusus mereka, meningkatkan kebolehbacaan dan prestasi kod.

Menggelung Melalui Tatasusunan Menggunakan Untuk Gelung

JavaScript

const array = ['apple', 'banana', 'cherry'];
for (let i = 0; i < array.length; i++) {
  console.log(array[i]);
}

Melelakan Atas Tatasusunan dengan Kaedah forEach

JavaScript

const array = ['apple', 'banana', 'cherry'];
array.forEach(function(element) {
  console.log(element);
});

Menggunakan untuk...Gelung untuk Melintasi Tatasusunan

JavaScript

const array = ['apple', 'banana', 'cherry'];
for (const element of array) {
  console.log(element);
}

Menggelung dengan Kaedah Array.map

JavaScript

const array = ['apple', 'banana', 'cherry'];
array.map(element => {
  console.log(element);
  return element;
});

Melintasi Tatasusunan dengan Tatasusunan.Mengurangkan Kaedah

JavaScript

const array = ['apple', 'banana', 'cherry'];
array.reduce((acc, element) => {
  console.log(element);
  return acc;
}, []);

Meneroka Teknik Lelaran Tatasusunan Lanjutan

Satu lagi aspek penting lelaran tatasusunan dalam JavaScript ialah penggunaan kaedah tak segerak. Fungsi seperti dan boleh disesuaikan untuk mengendalikan operasi tak segerak dengan menggunakan dan await. Ini amat berguna apabila bekerja dengan data yang memerlukan pengambilan daripada API atau melakukan pengiraan kompleks yang mungkin mengambil sedikit masa.

Selain itu, memahami cara untuk keluar dari gelung atau melangkau lelaran adalah penting. Sementara gelung membenarkan penggunaan dan kenyataan, yang forEach kaedah tidak asli menyokong ini. Sebaliknya, menggunakan atau kaedah boleh menyediakan kefungsian yang sama dengan memanfaatkan nilai pulangan mereka untuk mengawal aliran lelaran.

Apakah perbezaan antara dan ?
melaksanakan fungsi yang disediakan sekali untuk setiap elemen tatasusunan, manakala mencipta tatasusunan baharu dengan keputusan memanggil fungsi yang disediakan pada setiap elemen.
Boleh saya guna didalam gelung?
tidak, tidak menyokong . Untuk mencapai fungsi yang sama, anda boleh menggunakan atau Array.every().
Bagaimanakah saya mengendalikan operasi tak segerak dalam gelung?
Dengan menggunakan dan dalam fungsi gelung anda, anda boleh mengendalikan operasi tak segerak dengan berkesan.
Apakah kegunaan daripada kaedah?
The kaedah melaksanakan fungsi pengurang pada setiap elemen tatasusunan, menghasilkan nilai keluaran tunggal, berguna untuk menjumlahkan nilai atau meratakan tatasusunan.
Adakah terdapat cara untuk mengulangi tatasusunan secara terbalik?
Ya, anda boleh menggunakan a gelung bermula dari indeks terakhir hingga yang pertama, atau kaedah dalam kombinasi dengan .
Bolehkah saya rantai kaedah tatasusunan seperti dan ?
Ya, kaedah tatasusunan seperti , , dan boleh dirantai untuk melakukan pelbagai operasi dengan cara yang ringkas.
Apakah kelebihan menggunakan habis ?
lebih mudah dibaca dan ringkas, terutamanya apabila anda tidak memerlukan akses kepada indeks tatasusunan.

Pemikiran Akhir tentang Penggelung Array dalam JavaScript

Kesimpulannya, menguasai cara berbeza untuk menggelung tatasusunan dalam JavaScript adalah penting untuk mana-mana pembangun. Dari gelung tradisional seperti kepada kaedah yang lebih moden seperti , , map, dan , setiap satu menawarkan kelebihan unik untuk mengendalikan data tatasusunan. Memilih kaedah yang sesuai bergantung pada keperluan khusus kod anda, sama ada kebolehbacaan, prestasi atau kefungsian. Dengan teknik ini, anda boleh memproses dan memanipulasi elemen tatasusunan dengan cekap, menjadikan kod anda lebih mantap dan serba boleh.