Perulangan While JavaScript

While loop adalah jenis pengulangan selain for loop. Fungsi while loop sama seperti for loop tapi dengan penulisan dan konsep yang sedikit berbeda.

While loop

While loop akan mengeksekusi kumpulan coding selama suatu kondisi terpenuhi.

Tutorial JavaScript While Loop

while (condition) {
  // code block to be executed
}

Perhatikan contoh di bawah ini, selama variable i bernilai lebih kecil dari 10 ( i < 10) maka kumpulan coding (block code) dalam while loop akan terus dieksekusi.

while (i < 10) {
  text += "The number is " + i;
  i++;
}

Jalankan Contoh

Variable i dipakai untuk menentukan kondisi while loop. Nilai variable i harus diupdate setiap kali loop dieksekusi agar while loop tidak dieksekusi selamanya.

Do While Loop

Do while loop merupakan variasi dari while loop. Kumpulan coding akan dieksekusi sekali terlebih dahulu sebelum kondisi diperiksa.

do {
  // code block to be executed
}
while (condition);

Contoh di bawah ini memperlihatkan loop selalu dieksekusi sekali sebelum kondisi diperiksa (i < 10).

do {
  text += "The number is " + i;
  i++;
}
while (i < 10);

Jalankan Contoh

For loop dan While loop

While loop dan for loop pada dasarnya adalah pengulangan yang hampir sama. While loop adalah for loop dengan menghilangkan perintah 1 dan perintah 3. Perhatikan dua contoh di bawah ini.

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var text = "";

for (;cars[i];) {
  text += cars[i] + "<br>";
  i++;
}

Jalankan Contoh

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var text = "";

while (cars[i]) {
  text += cars[i] + "<br>";
  i++;
}

Jalankan Contoh