Loop dapat menjalankan blok kode selama kondisi tertentu adalah benar.
While loop
While loop melalui blok kode selama kondisi tertentu adalah benar.
Sintaksis
while ( condition ) {
code block to be executed
}
Contoh
Dalam contoh berikut, kode di loop akan berjalan, lagi dan lagi, selama variabel (i) kurang dari 10:
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<p id="demo"></p>
<script>
var teks = "";
var i = 0;
while ( i < 10) {
teks += "<br> Nomor " + i;
i++;
}
document.getElementById("demo").innerHTML = teks;
</script>
</body>
</html>
Jika Anda lupa untuk meningkatkan variabel yang digunakan dalam kondisi, loop tidak akan pernah berakhir. Ini akan crash browser Anda.
Do / While loop
Do / while merupakan varian dari loop while. Lingkaran ini akan mengeksekusi blok kode sekali, sebelum memeriksa jika kondisi benar, maka akan mengulangi loop selama kondisi benar.
Sintaksis
do {
code block to be executed
}
while ( condition );
Contoh
Contoh di bawah ini menggunakan do / while.
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<p id="demo"></p>
<script>
var teks = "";
var i = 0;
do {
teks += "<br> Nomor " + i;
i++;
}
while (i < 10)
document.getElementById("demo").innerHTML = teks;
</script>
</body>
</html>
Membandingkan For dan While
Jika Anda telah membaca bab sebelumnya, tentang for loop, Anda akan menemukan bahwa while loop adalah sama seperti for loop, dengan pernyataan 1 dan pernyataan 3 dihilangkan.
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<p id="demo"></p>
<script>
var buah = ["Mangga","Apel","Semangka","Anggur"]
var teks = "";
var i = 0;
for (;buah[i];) {
teks += buah[i] + "<br>";
i++;
}
document.getElementById("demo").innerHTML = teks;
</script>
</body>
</html>
dalam contoh ini menggunakan while.
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<p id="demo"></p>
<script>
var buah = ["Mangga","Apel","Semangka","Anggur"]
var teks = "";
var i = 0;
while (buah[i]) {
teks += buah[i] + "<br>";
i++;
}
document.getElementById("demo").innerHTML = teks;
</script>
</body>
</html>
0 komentar:
Posting Komentar