Analisis komprehensif metode loop di javascript foreach, for-in, for-of

JavaScript adalah bahasa skrip literal, yang merupakan bahasa yang dinamis, lemah, berbasis prototipe dengan jenis dukungan bawaan. Penerjemahnya disebut mesin JavaScript. Ini adalah bagian dari browser dan banyak digunakan dalam bahasa skrip klien. Ini pertama kali digunakan pada halaman web HTML (aplikasi di bawah Bahasa Markup Universal Standar) untuk menambahkan fungsi dinamis ke halaman web HTML.

JavaScript telah lahir selama lebih dari 20 tahun, dan metode yang telah kami gunakan untuk mengulangi array adalah sebagai berikut:

 untuk (indeks var = 0; index <myarray.length; index ++) {console.log (myArray [index]);}

Sejak JavaScript5, kami sudah mulai menggunakan metode foreach bawaan:

 myArray.foreach (function (value) {console.log (value);});

Metode penulisan jauh lebih sederhana, tetapi juga memiliki kekurangan: Anda tidak dapat mengganggu loop (menggunakan pernyataan atau menggunakan pernyataan.

Ada juga metode loop di JavaScript:.

Loop for-in sebenarnya dirancang untuk mengulang objek "enumerable":

 var obj = {a: 1, b: 2, c: 3}; for (var prop di obj) {console.log ("obj." + prop + "=" + obj [prop]);} // output: // "obj.a = 1" // "obj.b = 2" // "obj.c = 3"

Anda juga dapat menggunakannya untuk mengulangi array:

 untuk (indeks var di myArray) {// console.log ini (myArray [index]);}

Tidak disarankan untuk menggunakan For-In untuk melingkarkan array, karena tidak seperti objek, indeks array berbeda dari sifat objek biasa dan merupakan indikator urutan numerik yang penting.

Singkatnya, untuk IN adalah metode yang digunakan untuk mengulangi objek dengan tombol string.

untuk loop

JavaScript6 memperkenalkan metode loop baru, yang merupakan untuk loop, yang lebih sederhana dari loop tradisional, dan pada saat yang sama menebus kekurangan loop foreach dan for-in.

Mari kita lihat sintaksnya:

 untuk (nilai var myArray) {console.log (value);}

Sintaks dari FOR-OF terlihat sangat mirip dengan FOR-IN, tetapi memiliki banyak fungsi yang lebih kaya dan dapat mengulangi banyak hal.

Contoh Penggunaan Loop:

 Biarkan iterable = [10, 20, 30]; untuk (biarkan nilai iterable) {console.log (value);} // 10 // 20 // 30

Kita dapat menggunakannya sebagai gantinya, sehingga menjadi variabel statis yang tidak dimodifikasi dalam loop.

 Biarkan iterable = [10, 20, 30]; untuk (nilai const iterable) {console.log (value);} // 10 // 20 // 30

Loop A String:

 Biarkan iterable = "boo"; for (let value of iterable) {console.log (value);} // "b" // "o" // "o" let iterable = new Uint8Array ([0x00, 0xff]); for (let value of iterable) {console.log (value);}/ "/ 0 ["b", 2], ["c", 3]]); untuk (biarkan [kunci, nilai] dari iterable) {console.log (nilai);} // 1 // 2 // 3 untuk (biarkan entri iterable) {console.log (entri);} // [a, 1] 3]); untuk (biarkan nilai iterable) {console.log (value);} // 1 // 2 // 3

Loop a Dom Collection

Looping koleksi DOM, seperti nodelist. Kami membahas cara mengolesi nodelist sebelumnya. Sekarang lebih nyaman, Anda dapat menggunakan loop secara langsung:

 // Catatan: Ini hanya akan berfungsi di platform yang memiliki // mengimplementasikan nodelist.prototype [simbol.iterator] Biarkan artikelparagraphs = document.queryselectorAll ("artikel> p"); untuk (biarkan paragraf ArticleParagraf) {paragraf.classlist.add ("baca");}

Loop Objek dengan atribut yang dapat dihindarkan

Loop forof tidak dapat digunakan langsung pada objek biasa, tetapi jika kita mengulang sesuai dengan properti yang dimiliki objek, kita dapat menggunakan metode bawaan.

 untuk (tombol var objek.keys (beberapa haleBject)) {console.log (key + ":" + someObject [key]);}

Loop A Generator

Kita dapat mengulangi generator:

 Fungsi* fibonacci () {// fungsi generator [prev, curr] = [0, 1]; while (true) {[prev, curr] = [Curr, prev + curr]; luluh}} untuk (misalkan n fibonacci ()) {console.log (n); // putuskan urutan pada 1000if (n> = 1000 (n); // pisahkan urutan pada urutan 1000if (n> = 1000 {{n> = {{n);