Dalam JavaScript, kita sering perlu mengulangi senarai Proses ini sangat biasa dan merupakan bahagian penting dalam pengaturcaraan. Artikel ini akan memperkenalkan cara mengulung senarai dalam JavaScript supaya pembaca dapat menguasai kemahiran penting ini dengan lebih baik.
1. untuk gelung
Gelung for ialah salah satu kaedah gelung yang paling biasa digunakan dalam JavaScript. Ia sesuai untuk situasi di mana bilangan gelung diketahui, seperti gelung melalui tatasusunan .
Berikut ialah contoh menggunakan gelung for untuk melintasi tatasusunan:
let arr = ['apple', 'banana', 'pear', 'orange']; for (let i = 0; i < arr.length; i++) { console.log(arr[i]); }
Dalam kod di atas, kami mentakrifkan tatasusunanarr
dan kemudian menggunakan gelung for untuk melintasi tatasusunan dan cetak setiap elemen.
2. forEach method
Selain menggunakan gelung for untuk melintasi tatasusunan, anda juga boleh menggunakan kaedahforEach()
yang disediakan oleh JavaScript untuk melaksanakan operasi gelung.
Berikut ialah contoh menggunakan kaedahforEach()
untuk merentasi tatasusunan:
let arr = ['apple', 'banana', 'pear', 'orange']; arr.forEach(function(item) { console.log(item); });
Dalam kod di atas, kami mentakrifkan tatasusunanarr
dan kemudian gunakanforEach()
kaedah untuk melintasi tatasusunan dan mencetaknya setiap elemen. KaedahforEach()
perlu lulus dalam fungsi panggil balik, yang akan dilaksanakan sekali apabila setiap elemen tatasusunan dilalui.
3. untuk...dalam gelung
Selain menggelung melalui tatasusunan, terdapat beberapa situasi di mana objek JavaScript perlu dilalui. Pada masa ini, kita boleh menggunakan gelungfor...in
untuk melaksanakan operasi traversal.
Berikut ialah contoh penggunaanfor...in
untuk menggelung melalui objek:
let obj = { name: 'Tom', age: 20, gender: 'male' }; for (let key in obj) { console.log(key + ': ' + obj[key]); }
Dalam kod di atas, kami mentakrifkan objek JavaScriptobj
dan kemudian menggunakanfor...in
untuk gelung melalui objek dan Cetak pasangan nilai kunci untuk setiap atribut.
Perhatikan bahawa gelungfor...in
tidak menjamin tertib lintasan sifat objek, jadi anda perlu memberi perhatian kepada perkara ini dalam aplikasi praktikal.
4. Gelung While
Gelungwhile
dalam JavaScript boleh melaksanakan sekeping kod berulang kali jika syarat dipenuhi. Berbanding dengan gelungfor
, gelungwhile
lebih fleksibel dan sesuai untuk situasi di mana bilangan gelung tidak pasti.
Berikut ialah contoh menggunakan gelungwhile
untuk mencetak nombor:
let i = 0; while (i < 10) { console.log(i); i++; }
Dalam kod di atas, kami mula-mula mentakrifkan pembolehubahi
dan kemudian gunakanwhile
gelung untuk mencetak berulang kali < Nilai > akan terkeluar daripada gelung sehingga nilaii
ialah 10.i
gelung serupa dengan gelungdo...while
, tetapi gelungwhile
akan melaksanakan badan gelung sekali dahulu, dan kemudian menentukan sama ada ia diperlukan berdasarkan syarat Teruskan pelaksanaan.do...while
untuk mencetak nombor:do...while
let i = 0; do { console.log(i); i++; } while (i < 10);
dan kemudian menggunakan gelungi
untuk mencetak nilaido...while
. Berbeza daripada gelungi
, dalam gelung pertama, nilaiwhile
ialah 0, yang tidak memenuhi keadaan gelung Walau bagaimanapun, kerana gelungi
digunakan, badan gelung akan dilaksanakan sekurang-kurangnya sekali .do...while
Atas ialah kandungan terperinci Bagaimana untuk mengulangi senarai dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!