Home » Javascript » Loop While pada JavaScript : Cara Membuat dan Contoh Syntax nya

Loop While pada JavaScript : Cara Membuat dan Contoh Syntax nya

by syifaul fuadi
by syifaul fuadi

JavaScript menyertakan kondisi Loop While untuk mengeksekusi kode yang berulang kali hingga memenuhi kondisi yang ditentukan. Tidak seperti for loop, Loop While hanya membutuhkan ekspresi kondisi. Perulangan while dapat mengulang melalui blok kode selama kondisi yang ditentukan benar. Berikut merupakan Syntax dari Loop While .

Syntax :

while (ekspresi kondisi)
{
     / * kode untuk dieksekusi
     sampai kondisi yang ditentukan benar * /
}

Contoh While Loop :

<!DOCTYPE html>
<html>
<body>
	<h1>Demo: while loop</h1>
	<p id="p0"></p>
	<p id="p1"></p>
	<p id="p2"></p>
	<p id="p3"></p>
	<p id="p4"></p>
	
	<script>
		var i =0;

		while(i < 5)
		{
			document.getElementById("p" + i).innerHTML = i;
			i++;
		}
    </script>
</body>
</html>

Dari contoh diatas While (i < 5) menyatakan sebuah kondisi dimana i=0 kurang dari 5. Dan ketika code document.getElementById("p" + i).innerHTML = i;dijalankan tanpa Code i++; maka hasilnya tidak akan melooping. Code i++ membuat isi dari i melakukan perulangan sesuai kondisi While. Berikut hasil nya.

Seperti yang kalian lihat pada contoh di atas. Pernyataan inisialisasi untuk variabel counter harus dispesifikasikan sebelum memulai while loop dan increment dari counter harus berada di dalam while block.

DO WHILE

JavaScript menyertakan rasa lain dari while loop, yaitu do-while loop. Do-while loop mirip dengan while loop, satu-satunya perbedaan adalah mengevaluasi ekspresi kondisi setelah eksekusi blok kode. Jadi do-while loop akan mengeksekusi blok kode setidaknya sekali. Secara mudah nya adalah perulangan do/while akan melakukan perulangan sebanyak 1 kali terlebih dahulu, lalu mengecek kondisi yang ada di dalam kurung while.

Syntax :

do{

     // kode yang akan dieksekusi

} while (ekspresi kondisi)

Contoh Code dari Do While :

<!DOCTYPE html>
<html>
<body>
	<h1>Demo: do while loop</h1>
	<p id="p0"></p>
	<p id="p1"></p>
	<p id="p2"></p>
	<p id="p3"></p>
	<p id="p4"></p>
	
	<script>
		var i =0;

		do{

			document.getElementById("p" + i).innerHTML = i;

			i++;

		} while(i < 5)

    </script>
</body>
</html>

Hasil dari Syntax diatas sama seperti Loop While yaitu 0,1,2,3,4 . Akan tetapi contoh diatas menunjukkan bahwa do-while loop akan mengeksekusi blok kode meskipun kondisinya ternyata salah pada iterasi pertama.

Poin untuk Diingat:

  1. Sementara loop & do-while loop JavaScript mengeksekusi blok kode berulang kali sampai ekspresi bersyarat mengembalikan nilai true.
  2. Do-While Loop mengeksekusi kode setidaknya satu kali bahkan jika kondisi mengembalikan false.

You may also like