JavaScript Bagaimana cara mengulangi array dengan 4 loop yang berbeda

Iterasi di atas array adalah tugas umum dalam pemrograman, dan ada beberapa cara untuk melakukannya di JavaScript. Di artikel ini, kita akan melihat empat metode berbeda untuk melingkar di atas array di JavaScript: loop for, foreach loop, for-in loop, dan for-of loop. Kami juga akan membahas beberapa cara tambahan untuk mengulangi array menggunakan fungsi tingkat tinggi seperti peta dan mengurangi.

Ada beberapa cara untuk mengulangi array di JavaScript. Cara yang paling umum adalah menggunakan loop untuk loop, tetapi ada juga opsi lain seperti foreach, for-in, dan for-of loop.

Metode 1: Menggunakan 'untuk' lingkaran

Loop untuk loop adalah cara paling tradisional untuk mengulangi array di JavaScript. Ini memiliki tiga bagian: kondisi awal, kondisi berhenti, dan satu langkah.

Untuk mengulangi array dengan loop for, Anda dapat menggunakan 'Himpunan.panjang' properti untuk menentukan jumlah iterasi. Berikut adalah contoh cara mengulangi array dan mencetak setiap elemen ke konsol:

const days = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'Sat']; untuk (biarkan i = 0; i < days.length; i++) console.log(days[i]);

12345

const days = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'Sat']; untuk (biarkan i = 0; i < days.length; i++) console.log(days[i]);

Metode 2: Menggunakan 'untuk setiap' lingkaran

Loop foreach adalah fungsi orde tinggi yang memungkinkan Anda untuk mengulangi di atas array dan melakukan fungsi panggilan balik pada setiap elemen. Berikut adalah contoh cara menggunakan loop foreach untuk mencetak setiap elemen array ke konsol:

const days = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'Sat']; hari -hari.foreach (function (day) konsol.log (hari); );

12345

const days = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'Sat']; hari -hari.foreach (function (day) konsol.log (hari););

Metode 3: Menggunakan 'for-in' lingkaran

Loop for-in digunakan untuk mengulangi sifat-sifat suatu objek. Anda dapat menggunakan loop for-in untuk mengulangi array dengan mengubahnya menjadi objek terlebih dahulu. Berikut adalah contoh bagaimana melakukan ini:

const days = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'Sat']; untuk (let Day in Days) Console.log (hari [hari]);

12345

const days = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'Sat']; untuk (let Day in Days) Console.log (hari [hari]);

Metode 4: Menggunakan loop 'untuk'

For-of Loop adalah loop yang lebih baru yang diperkenalkan di ES6 yang memungkinkan Anda untuk mengulangi nilai-nilai objek iterable, seperti array. Berikut adalah contoh cara menggunakan loop untuk mencetak setiap elemen array ke konsol:

const days = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'Sat']; untuk (let Day of Days) konsol.log (hari);

12345

const days = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'Sat']; untuk (let Day of Days) konsol.log (hari);

Selain metode looping standar yang dijelaskan di atas, ada juga beberapa cara lain untuk mengulangi array dalam javascript, seperti menggunakan fungsi 'peta' atau 'mengurangi' atau menggunakan loop 'sementara' atau 'do-while'.

Kesimpulan

Dalam artikel ini, kami melihat empat cara berbeda untuk mengulangi array di JavaScript: loop 'for' loop, 'foreach' loop, 'for-in' loop, dan loop 'untuk' untuk '. Kami juga membahas beberapa cara tambahan untuk mengulangi array menggunakan fungsi tingkat tinggi seperti peta dan mengurangi. Metode mana pun yang Anda pilih, penting untuk memahami pro dan kontra dari setiap metode dan memilih yang paling sesuai dengan kebutuhan Anda. Dengan teknik-teknik ini di toolkit Anda, Anda akan dilengkapi dengan baik untuk mengulangi array di JavaScript.