PERULANGAN FOR WHILE REPEAT JAVASCRIPT

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 perulangan for berfungsi untuk menyimpan nilai hitungan.
  • Jadi setiap perulangan dilakukan nilai i akan selalu bertambah satu. Karena kita menentukannya di bagian i++.

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>

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:

  1. Menggunakan foreash dengan operator in;
  2. 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>

Be the first to comment

Leave a Reply

Your email address will not be published.


*