Bayangkan Anda harus menampilkan daftar 100 produk di sebuah toko online. Tanpa perulangan, Anda harus menulis perintah console.log sebanyak 100 kali. Dengan For Loop, Anda cukup menulis beberapa baris kode untuk menangani ribuan data secara otomatis.
1. Anatomi For Loop
For loop adalah jenis perulangan yang paling umum digunakan karena strukturnya yang sangat terorganisir dalam satu baris.
Strukturnya terdiri dari tiga bagian utama:
-
Inisialisasi (
let i = 0): Menetapkan titik awal atau angka awal perulangan. Biasanya kita menggunakan variabeli(index). -
Kondisi (
i < 5): Selama kondisi ini bernilaitrue, perulangan akan terus berjalan. Begitu bernilaifalse, perulangan akan berhenti. -
Iterasi/Update (
i++): Bagian untuk mengubah nilai variabel setelah satu putaran selesai (biasanya ditambah 1).
2. Cara Kerja Alur For Loop
-
Start: Variabel
idibuat (hanya satu kali di awal). -
Check: Sistem memeriksa kondisi. Jika benar, masuk ke dalam blok kode.
-
Execute: Kode di dalam kurung kurawal
{}dijalankan. -
Update: Nilai
idiperbarui (misal: bertambah 1). -
Repeat: Kembali ke langkah nomor 2 sampai kondisi tidak lagi terpenuhi.
Tutorial: Implementasi Menghitung Antrean
Mari kita praktekkan untuk menampilkan nomor urut antrean secara otomatis:
// Perulangan akan berjalan dari angka 1 hingga 5
for (let i = 1; i <= 5; i++) { console.log("Nomor Antrean: " + i);
} /* Output:
Nomor Antrean: 1
Nomor Antrean: 2
Nomor Antrean: 3
Nomor Antrean: 4
Nomor Antrean: 5
*/
Tabel Ringkasan Komponen
| Bagian | Nama Teknis | Fungsi Utama |
let i = 1 |
Initialization | Menentukan angka mulai. |
i <= 10 |
Condition | Penentu kapan perulangan harus stop. |
i++ |
Increment | Langkah untuk memajukan perulangan. |
Kesimpulan
For loop adalah alat yang sangat efisien untuk menangani tugas-tugas yang repetitif. Kunci utama dalam menguasainya adalah memahami kapan perulangan harus dimulai dan kapan harus berakhir agar tidak terjadi infinite loop (perulangan yang tidak pernah berhenti dan membuat komputer hang).
