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