Mengenal Perulangan JavaScript: for, while, do...while Lengkap dengan Contoh Praktis
Saat pertama kali belajar JavaScript, saya sempat bingung kenapa harus ada yang namanya perulangan atau loop. Awalnya saya pikir, kalau mau menampilkan sesuatu 5 kali ya tinggal tulis saja 5 kali.
Ternyata… itu cara yang sangat melelahkan 😅
Ketika mulai membuat program yang lebih serius — seperti membaca data harga crypto, mengolah array, atau membuat simulasi trading sederhana — saya baru sadar bahwa loop itu sangat penting.
Di artikel ini, saya akan menjelaskan dengan bahasa sederhana berdasarkan pengalaman saya sendiri belajar dan menggunakannya.
Apa Itu Perulangan (Loop) di JavaScript?
Perulangan adalah cara untuk menjalankan kode berulang kali selama suatu kondisi masih terpenuhi.Bayangkan seperti ini:
“Selama harga masih di bawah 90$, cek terus.”
Nah, itu konsep loop.
Di JavaScript, ada 3 jenis perulangan dasar yang paling sering digunakan:
- for
- while
- do...while
1️⃣ Perulangan for
Ini adalah loop pertama yang saya pelajari. Biasanya digunakan ketika kita sudah tahu berapa kali ingin mengulang.
Contoh sederhana:
Penjelasan singkat:
- let i = 0 → nilai awal
- i < 5 → kondisi
- i++ → bertambah 1 setiap pengulangan
Saat saya menjalankan kode ini, hasilnya muncul 5 kali di console.
Loop for sangat cocok untuk:
- Menampilkan angka 1–10
- Mengolah data dalam array
- Simulasi perhitungan sederhana
2️⃣ Perulangan while
Kalau for cocok saat kita tahu jumlah perulangannya, while cocok saat kita hanya tahu kondisinya.
Contoh:
Dulu saya pernah lupa menambahkan i++ di dalam while…
Dan hasilnya?
Browser saya freeze karena loop berjalan tanpa henti 😅
Itulah yang disebut infinite loop (perulangan tak terbatas).
Jadi kunci saat memakai while: Pastikan ada perubahan nilai di dalamnya.
3️⃣ Perulangan do...while
Yang ini sedikit berbeda.
do...while akan menjalankan kode minimal satu kali, walaupun kondisi salah.
Contoh:
Walaupun i < 5 itu salah dari awal, kode tetap dijalankan satu kali.
Biasanya saya pakai ini ketika:
- Ingin memastikan proses tetap berjalan minimal sekali
- Validasi input pengguna
Kapan Harus Menggunakan yang Mana?
Berdasarkan pengalaman saya:Sudah tahu jumlah pengulangan gunakan for
Tidak tahu jumlahnya, hanya tahu kondisi gunakan while
Ingin minimal dijalankan sekali gunakan do...while
Kalau untuk pemula, saya sarankan kuasai dulu for, karena paling sering dipakai.
Contoh Praktis: Simulasi Harga Crypto
Misalnya saya punya data harga seperti ini:Loop ini akan membaca setiap data dalam array.
Konsep seperti ini sering dipakai untuk:
- Membaca data API
- Menghitung profit/loss
- Membuat logika bot sederhana
Kesalahan yang Pernah Saya Lakukan
Beberapa kesalahan yang dulu pernah saya buat:- Lupa menambah nilai di dalam while
- Salah menulis kondisi sehingga loop tidak pernah berhenti
- Salah menentukan batas array (length)
Tapi dari situ justru saya jadi lebih paham cara kerja loop.
Kesimpulan
Perulangan JavaScript adalah fondasi penting dalam programming.Tanpa loop:
- Kita tidak bisa mengolah data banyak
- Tidak bisa membuat logika otomatis
- Tidak bisa membangun program yang dinamis
- for
- while
- do...while
- forEach()
- map()
- filter()
- bahkan pembuatan trading bot sederhana