Bagaimana untuk mengulangi senarai dalam JavaScript

WBOY
Lepaskan: 2023-05-12 14:53:37
asal
1961 orang telah melayarinya

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]); }
Salin selepas log masuk

Dalam kod di atas, kami mentakrifkan tatasusunanarrdan 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); });
Salin selepas log masuk

Dalam kod di atas, kami mentakrifkan tatasusunanarrdan 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...inuntuk melaksanakan operasi traversal.

Berikut ialah contoh penggunaanfor...inuntuk menggelung melalui objek:

let obj = { name: 'Tom', age: 20, gender: 'male' }; for (let key in obj) { console.log(key + ': ' + obj[key]); }
Salin selepas log masuk

Dalam kod di atas, kami mentakrifkan objek JavaScriptobjdan kemudian menggunakanfor...inuntuk gelung melalui objek dan Cetak pasangan nilai kunci untuk setiap atribut.

Perhatikan bahawa gelungfor...intidak menjamin tertib lintasan sifat objek, jadi anda perlu memberi perhatian kepada perkara ini dalam aplikasi praktikal.

4. Gelung While

Gelungwhiledalam JavaScript boleh melaksanakan sekeping kod berulang kali jika syarat dipenuhi. Berbanding dengan gelungfor, gelungwhilelebih fleksibel dan sesuai untuk situasi di mana bilangan gelung tidak pasti.

Berikut ialah contoh menggunakan gelungwhileuntuk mencetak nombor:

let i = 0; while (i < 10) { console.log(i); i++; }
Salin selepas log masuk

Dalam kod di atas, kami mula-mula mentakrifkan pembolehubahidan kemudian gunakanwhilegelung untuk mencetak berulang kali < Nilai > akan terkeluar daripada gelung sehingga nilaiiialah 10.i

5. do...while loop

gelung serupa dengan gelungdo...while, tetapi gelungwhileakan melaksanakan badan gelung sekali dahulu, dan kemudian menentukan sama ada ia diperlukan berdasarkan syarat Teruskan pelaksanaan.do...while

Berikut ialah contoh menggunakan gelung

untuk mencetak nombor:do...while

let i = 0; do { console.log(i); i++; } while (i < 10);
Salin selepas log masuk
Dalam kod di atas, kami mentakrifkan pembolehubah

dan kemudian menggunakan gelungiuntuk mencetak nilaido...while. Berbeza daripada gelungi, dalam gelung pertama, nilaiwhileialah 0, yang tidak memenuhi keadaan gelung Walau bagaimanapun, kerana gelungidigunakan, badan gelung akan dilaksanakan sekurang-kurangnya sekali .do...while

Ringkasan

Dalam JavaScript, operasi gelung merupakan bahagian penting dalam proses pengaturcaraan Artikel ini memperkenalkan kaedah gelung yang biasa digunakan, termasuk untuk gelung, untuk setiap kaedah, untuk...dalam gelung , manakala loop dan do...while loop, pembaca boleh memilih kaedah gelung yang berbeza untuk melaksanakan logik kod mereka sendiri mengikut keperluan sebenar.

Atas ialah kandungan terperinci Bagaimana untuk mengulangi senarai dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!