Looping di JavaScript: For, While, dan Do While

Belajar perulangan (looping) di JavaScript menggunakan for, while, dan do while. Lengkap dengan contoh kode, studi kasus, dan penjelasan mudah.

Keywords: looping javascript, for while do while javascript, perulangan js, belajar loop javascript, struktur kontrol javascript

JavaScript #BelajarCoding #Looping #Pemrograman

Pernah ingin menjalankan kode berulang-ulang tanpa harus copy-paste? 😅
Bayangkan jika kita harus mencetak angka 1 sampai 100 secara manual… pasti melelahkan.
Nah, di sinilah looping (perulangan) dalam JavaScript hadir sebagai solusi.

Apa Itu Looping?

Looping adalah proses menjalankan perintah secara berulang sampai kondisi tertentu tercapai.
Dalam JavaScript, ada tiga jenis utama perulangan:

1. For
2. While
3. Do While

1. Perulangan For

Struktur Dasar

for (inisialisasi; kondisi; perubahan) {
  // kode yang dijalankan berulang
}

for (inisialisasi; kondisi; perubahan) {
  // kode yang dijalankan berulang
}

👉 Penjelasan:

• inisialisasi → menentukan variabel awal.
• kondisi → selama benar (true), loop terus berjalan.
• perubahan → mengubah nilai variabel setiap loop.

Contoh

for (let i = 1; i <= 5; i++) {
  console.log("Perulangan ke-" + i);
}

for (let i = 1; i <= 5; i++) {
  console.log("Perulangan ke-" + i);
}

👉 Output:

Perulangan ke-1  
Perulangan ke-2  
Perulangan ke-3  
Perulangan ke-4  
Perulangan ke-5  

2. Perulangan While

Struktur Dasar

while (kondisi) {
  // kode dijalankan selama kondisi true
}

while (kondisi) {
  // kode dijalankan selama kondisi true
}

Contoh

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

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

👉 Output:

Angka 1  
Angka 2  
Angka 3  
Angka 4  
Angka 5  

Angka 1  
Angka 2  
Angka 3  
Angka 4  
Angka 5  

⚡ Perbedaan utama dengan for: kondisi dicek dulu sebelum menjalankan kode.

3. Perulangan Do While

Struktur Dasar

do {
  // kode dijalankan sekali, lalu cek kondisi
} while (kondisi);

do {
  // kode dijalankan sekali, lalu cek kondisi
} while (kondisi);

Contoh

let i = 1;
do {
  console.log("Nilai i adalah " + i);
  i++;
} while (i <= 5);

let i = 1;
do {
  console.log("Nilai i adalah " + i);
  i++;
} while (i <= 5);

👉 Output:

Nilai i adalah 1  
Nilai i adalah 2  
Nilai i adalah 3  
Nilai i adalah 4  
Nilai i adalah 5  

Nilai i adalah 1  
Nilai i adalah 2  
Nilai i adalah 3  
Nilai i adalah 4  
Nilai i adalah 5  

⚡ Perbedaan dengan while: kode pasti dijalankan minimal sekali meskipun kondisi salah.

4. Perbandingan For, While, dan Do While

5. Studi Kasus: Mencetak Bilangan Genap

Menggunakan For

for (let i = 2; i <= 10; i += 2) {
  console.log(i);
}

for (let i = 2; i <= 10; i += 2) {
  console.log(i);
}

👉 Output: 2 4 6 8 10

Menggunakan While

let i = 2;
while (i <= 10) {
  console.log(i);
  i += 2;
}

let i = 2;
while (i <= 10) {
  console.log(i);
  i += 2;
}

Menggunakan Do While

let i = 2;
do {
  console.log(i);
  i += 2;
} while (i <= 10);

let i = 2;
do {
  console.log(i);
  i += 2;
} while (i <= 10);

Hasil ketiga loop sama, hanya berbeda struktur penulisannya.

6. Studi Kasus: Hitung Mundur Timer

let timer = 5;

while (timer > 0) {
  console.log("Timer: " + timer);
  timer--;
}

console.log("Waktu habis!");

let timer = 5;

while (timer > 0) {
  console.log("Timer: " + timer);
  timer--;
}

console.log("Waktu habis!");

👉 Output:

Timer: 5  
Timer: 4  
Timer: 3  
Timer: 2  
Timer: 1  
Waktu habis!  

Timer: 5  
Timer: 4  
Timer: 3  
Timer: 2  
Timer: 1  
Waktu habis!  

7. Studi Kasus: Validasi Password (Do While)

let password;
do {
  password = prompt("Masukkan password:");
} while (password !== "12345");

console.log("Login berhasil!");

let password;
do {
  password = prompt("Masukkan password:");
} while (password !== "12345");

console.log("Login berhasil!");

👉 Kode di atas akan terus meminta input sampai user memasukkan password benar.

FAQ

1. Kapan harus menggunakan for loop?
Gunakan for jika sudah tahu berapa kali perulangan yang dibutuhkan.

2. Apa bedanya while dan do while?

• while → cek kondisi dulu, lalu jalankan.
• do while → jalankan dulu, lalu cek kondisi.

3. Apakah looping bisa menyebabkan error?
Ya, jika kondisinya selalu true, maka akan terjadi infinite loop (perulangan tak terbatas).

Kesimpulan

• Looping = cara untuk menjalankan kode berulang.
• Ada 3 jenis utama di JavaScript: for, while, do while.
• Gunakan for untuk perulangan pasti, while untuk kondisi, do while untuk minimal sekali eksekusi.
• Hati-hati dengan infinite loop!

👉 Lanjut ke [Hari 9: Array di JavaScript – Struktur Data Dasar untuk Menyimpan Banyak Nilai] agar kamu bisa mengelola data lebih efisien.