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
Mari kita bahas satu per satu.

1️⃣ Perulangan for

Ini adalah loop pertama yang saya pelajari. Biasanya digunakan ketika kita sudah tahu berapa kali ingin mengulang.


Contoh sederhana:


for (let i = 0; i < 5; i++) { console.log("Belajar JavaScript ke-" + i); }

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:


let i = 0; while (i < 5) { console.log("Angka: " + i); i++; }

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:


let i = 10; do { console.log("Ini tetap jalan sekali"); i++; } while (i < 5);

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:


let prices = [80, 82, 85, 78, 90]; for (let i = 0; i < prices.length; i++) { console.log("Harga saat ini: $" + prices[i]); }

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:
  1. Lupa menambah nilai di dalam while
  2. Salah menulis kondisi sehingga loop tidak pernah berhenti
  3. Salah menentukan batas array (length)
Dan semua itu bikin error atau browser macet.
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
Kalau kamu sedang belajar JavaScript, kuasai dulu:
  • for
  • while
  • do...while
Setelah itu, kamu akan lebih mudah memahami konsep lanjutan seperti:
  • forEach()
  • map()
  • filter()
  • bahkan pembuatan trading bot sederhana

Previous Post
No Comment
Add Comment
comment url