Bagaimana untuk mengulangi senarai dalam JavaScript

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 tatasusunan arr 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 kaedah forEach() yang disediakan oleh JavaScript untuk melaksanakan operasi gelung.

Berikut ialah contoh menggunakan kaedah forEach() untuk merentasi tatasusunan:

let arr = ['apple', 'banana', 'pear', 'orange'];
arr.forEach(function(item) {
  console.log(item);
});

Dalam kod di atas, kami mentakrifkan tatasusunan arr dan kemudian gunakan forEach() kaedah untuk melintasi tatasusunan dan mencetaknya setiap elemen. Kaedah forEach() 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 gelung for...in untuk melaksanakan operasi traversal.

Berikut ialah contoh penggunaan for...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 JavaScript obj dan kemudian menggunakan for...in untuk gelung melalui objek dan Cetak pasangan nilai kunci untuk setiap atribut.

Perhatikan bahawa gelung for...in tidak menjamin tertib lintasan sifat objek, jadi anda perlu memberi perhatian kepada perkara ini dalam aplikasi praktikal.

4. Gelung While

Gelung while dalam JavaScript boleh melaksanakan sekeping kod berulang kali jika syarat dipenuhi. Berbanding dengan gelung for, gelung while lebih fleksibel dan sesuai untuk situasi di mana bilangan gelung tidak pasti.

Berikut ialah contoh menggunakan gelung while untuk mencetak nombor:

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

Dalam kod di atas, kami mula-mula mentakrifkan pembolehubah i dan kemudian gunakan while gelung untuk mencetak berulang kali < Nilai 🎜> akan terkeluar daripada gelung sehingga nilai i ialah 10. i

5. do...while loop

gelung serupa dengan gelung do...while, tetapi gelung while akan 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);

Dalam kod di atas, kami mentakrifkan pembolehubah

dan kemudian menggunakan gelung i untuk mencetak nilai do...while. Berbeza daripada gelung i, dalam gelung pertama, nilai while ialah 0, yang tidak memenuhi keadaan gelung Walau bagaimanapun, kerana gelung i digunakan, 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!