perulangan digunakan untuk melakukan pengulangan
Perulangan akan membantu kita mengeksekusi kode yang berulang-ulang sesuai kebutuhan,
contoh ketika ingin menampilkan kalimat Belajar JavaScript sebanyak 1000x, jika yang digunakan document.write(“<p>Belajar JavaScript</p>”);
document.write(“<p>Belajar JavaScript</p>”);
document.write(“<p>Belajar JavaScript</p>”); dan seterusnya hingga 1000x, cara ini tentunya merepotkan maka dapat digunakan kode perulangan
Didalam block perintah yang diulang, harus ada perintah yang dapat membuat perubahan nilai terhadap variabel yang diperiksa kondisinya, agar proses pengulangan dapat berakhir
Ada lima macam bentuk perulangan di Javascript.
- Perulangan While
- Perulangan Do/While
- Perulangan For
- Perulangan Foreach
- Perulangan Repeat
- Perulangan Bersarang (Nested)
A. Perulangan While
Perulangan while digunakan untuk melakukan perulangan suatu kelompok perintah berdasarkan suatu kondisi. Perulangan akan membantu mengeksekusi kode yang berulang-ulang sesuai kebutuhan.
Perulangan while
merupakan perulangan yang termasuk dalam perulangan uncounted loop(erulangan yang tidak jelas berapa kali ia harus mengulang)
Perulangan while
juga dapat menjadi perulangan yang counted loop (perulangan yang jelas dan sudah tentu banyak perulangannya) dengan memberikan banyak pengulangan (counter) di dalamnya.
<!DOCTYPE html>
<html lang="en">
<head>
<title>www.syaiflash.com - Perulangan While sederhana</title>
</head>
<body>
<script>
var ulangi = confirm("Apakah anda mau mengulang?");
var counter = 0;
while(ulangi){
counter++;
ulangi = confirm("Apakah anda mau mengulang?");
}
document.write("Perulangan sudah dilakukan sebanyak "+ counter +" kali");
</script>
</body>
</html>
Jika dipilih Ok pada dialog konfirmasi, maka variabel ulangi
akan terus bernilai true. Jika dipilih Cancel, maka variabel ulangi
akan bernilai false. Saat variabel ulangi
bernilai false
, maka perulangan akan dihentikan.
B. Perulangan Do/While
Perulangan do/while sama seperti perulangan while
. Perbedaannya: Perulangan do/while akan melakukan perulangan sebanyak 1
kali terlebih dahulu, lalu mengecek kondisi yang ada di dalam kurung while.
<!DOCTYPE html>
<html lang="en">
<head>
<title>www.syaiflash.com - Perulangan Do While</title>
</head>
<body>
<script>
var ulangi = confirm("Apakah anda mau mengulang?");
var counter = 0;
do {
counter++;
ulangi = confirm("Apakah anda mau mengulang?");
} while(ulangi)
document.write("Perulangan sudah dilakukan sebanyak "+ counter +" kali");
</script>
</body>
</html>
C. Perulangan For
Perulangan for merupakan perulangan yang termasuk dalam counted loop, karena sudah jelas berapa kali ia akan mengulang.
Perulangan for merupakan perulangan yang termasuk dalam counted loop, karena sudah jelas berapa kali ia akan mengulang
<!DOCTYPE html>
<html lang="en">
<head>
<title>www.syaiflash.com - Perulangan For</title>
</head>
<body>
<script>
for(let i = 0; i < 10; i++){
document.write("<p>Perulangan ke-" + i + "</p>")
}
</script>
</body>
</html>
Kondisi di dalam kurung setelah kata for
:
- Hitungan akan dimulai dari
0
(i = 0
); - Hitungannya sampai berapa? Sampai
i < 10
; - setiap perulangan
i
akan bertambah+1
(i++
). - Variabel
i
pada perulanganfor
berfungsi untuk menyimpan nilai hitungan. - Jadi setiap perulangan dilakukan nilai
i
akan selalu bertambah satu. Karena kita menentukannya di bagiani++
.
Perulangan dapat ditulis tanpa i
<!DOCTYPE html>
<html lang="en">
<head>
<title>www.syaiflash.com - Perulangan For tanpa i</title>
</head>
<body>
<script>
for(perulangan = 2; perulangan < 20; perulangan+=2){
document.write("<p>Perulangan ke-"+perulangan+"</p>");
}
</script>
</body>
</html>
- Demo Perulangan For
- Download JavaScript – Perulangan For.html
- Demo Perulangan For dengan nama lain
- Download JavaScript – Perulangan For dengan nama lain.html
D. Perulangan Foreach
Perulangan foreach digunakan untuk mencetak item di dalam array. Perulangan foreach termasuk dalam perulangan counted loop, karena jumlah perulangannya akan ditentukan oleh panjang dari array.
Cara menggunakan perulangan foreach
di Javascript:
- Menggunakan
for
eash dengan operator in; - Menggunakan method forEach().
<!DOCTYPE html>
<html lang="en">
<head>
<title>www.syaiflash.com - Perulangan Foreach</title>
</head>
<body>
<script>
var languages = ["Javascript", "HTML", "CSS", "Typescript"];
for(i = 0; i < languages.length; i++){
document.write(i+". "+ languages[i] + "<br/>");
}
</script>
</body>
</html>
D. Perulangan Repeat
Perulangan dengan method atau fungsi repeat()
termasuk dalam perulangan counted loop. Fungsi ini khusus digunakan untuk mengulang sebuah teks (string).
<!DOCTYPE html>
<html lang="en">
<head>
<title>www.syaiflash.com - Perulangan Repeat</title>
</head>
<body>
<script>
for( let i = 0; i < 100; i++){
document.write("Ulangi kalimat ini! ".repeat(15));
}
</script>
</body>
</html>
E. Perulangan Bersarang (Nested)
Perulangan Nested merupakan perulangan dalam blok perulangan
<!DOCTYPE html>
<html lang="en">
<head>
<title>www.syaiflash.com - Perulangan Bersarang(Nested)</title>
</head>
<body>
<script>
for(let i = 0; i < 10; i++){
for(let j = 0; j < 10; j++){
document.write("<p>Perulangan ke " + i + "," + j + "</p>");
}
}
</script>
</body>
</html>
Leave a Reply