for & while Loop

for & while Loop 🔁

Perulangan memungkinkan kita mengeksekusi blok kode berulang kali tanpa perlu menulis kode yang sama berkali-kali. Ini adalah salah satu fitur paling fundamental dalam pemrograman.

for Loop

Paling umum digunakan ketika jumlah perulangan sudah diketahui:

// Sintaks: for (inisialisasi; kondisi; update)
for (let i = 0; i < 5; i++) {
  console.log(i); // 0, 1, 2, 3, 4
}

Tiga bagian dalam for:

1. let i = 0 — inisialisasi: dijalankan sekali di awal
2. i < 5 — kondisi: diperiksa setiap iterasi, jika false perulangan berhenti
3. i++ — update: dijalankan di akhir setiap iterasi

// Menghitung jumlah 1 sampai 10
let total = 0;
for (let i = 1; i <= 10; i++) {
  total += i;
}
console.log(total); // 55

// Iterasi array
let buah = ['apel', 'mangga', 'jeruk', 'pisang'];
for (let i = 0; i < buah.length; i++) {
  console.log(`${i + 1}. ${buah[i]}`);
}
// 1. apel
// 2. mangga
// 3. jeruk
// 4. pisang

// Iterasi mundur
for (let i = 5; i >= 1; i--) {
  console.log(i); // 5, 4, 3, 2, 1
}

while Loop

Digunakan ketika jumlah perulangan tidak diketahui — terus berulang selama kondisi terpenuhi:

let i = 0;
while (i < 5) {
  console.log(i); // 0, 1, 2, 3, 4
  i++;
}

// Contoh nyata: coba sampai berhasil (max 5 kali)
let percobaan = 0;
let berhasil = false;

while (!berhasil && percobaan < 5) {
  percobaan++;
  berhasil = Math.random() > 0.7; // 30% peluang berhasil
  console.log(`Percobaan ${percobaan}: ${berhasil ? 'Berhasil!' : 'Gagal'}`);
}

do...while Loop

Sama seperti while, tapi blok kode selalu dieksekusi minimal satu kali sebelum kondisi diperiksa:

let i = 0;
do {
  console.log(i); // 0, 1, 2, 3, 4
  i++;
} while (i < 5);

// Berguna untuk: pastikan aksi terjadi minimal sekali
let angka;
do {
  angka = Math.floor(Math.random() * 10);
  console.log('Angka acak:', angka);
} while (angka !== 7); // terus sampai dapat angka 7
console.log('Dapat angka 7!');

break & continue

// break — hentikan perulangan sepenuhnya
for (let i = 0; i < 10; i++) {
  if (i === 5) break;
  console.log(i); // 0, 1, 2, 3, 4
}

// continue — lewati iterasi ini, lanjut ke berikutnya
for (let i = 0; i < 10; i++) {
  if (i % 2 === 0) continue; // lewati angka genap
  console.log(i); // 1, 3, 5, 7, 9
}

// Contoh nyata: cari elemen dalam array
let daftar = [3, 7, 1, 9, 4, 6, 8];
let target = 9;
let posisi = -1;

for (let i = 0; i < daftar.length; i++) {
  if (daftar[i] === target) {
    posisi = i;
    break; // langsung hentikan setelah ditemukan
  }
}
console.log(posisi !== -1 ? `Ditemukan di index ${posisi}` : 'Tidak ditemukan');
// "Ditemukan di index 3"

Perbandingan for vs while

💡 Tips: Hati-hati dengan infinite loop — perulangan yang tidak pernah berhenti karena kondisinya selalu true. Ini akan membuat browser atau program hang. Selalu pastikan ada mekanisme yang akan membuat kondisi perulangan menjadi false pada akhirnya. Jika program tidak responsif, coba reload halaman. 🔄