logo logo

Portal media terdepan yang menyajikan informasi terkini seputar dunia teknologi, gadget, dan inovasi digital di Indonesia.

Sentral Media

Langganan Update Teknologi

Dapatkan rangkuman berita mingguan langsung ke email Anda.

Daftar Newsletter

Surabaya, Indonesia

Kota Surabaya, Jawa Timur

Email: redaksi@sentralmediateknologi.id

Frontend & Ui/Ux

Perulangan (Looping) Part 1: For Loop

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.

avatar
Super Administrator

SentralMediaTeknologi.id


  • 08 Mei 2026
  • 22:12 WIB

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 variabel i (index).

  • Kondisi (i < 5): Selama kondisi ini bernilai true, perulangan akan terus berjalan. Begitu bernilai false, perulangan akan berhenti.

  • Iterasi/Update (i++): Bagian untuk mengubah nilai variabel setelah satu putaran selesai (biasanya ditambah 1).

2. Cara Kerja Alur For Loop

  1. Start: Variabel i dibuat (hanya satu kali di awal).

  2. Check: Sistem memeriksa kondisi. Jika benar, masuk ke dalam blok kode.

  3. Execute: Kode di dalam kurung kurawal {} dijalankan.

  4. Update: Nilai i diperbarui (misal: bertambah 1).

  5. 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:

JavaScript
// 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).

Stories

avatar

Jurnalis dan analis internasional, mengurai dinamika geopolitik, ekonomi global, dan konflik dunia dengan ketajaman dan kedalaman.


Bagikan artikel ini

Stay Connected