Membuat Struktur Pengulangan (Looping) Pada JavaScript

Struktur Pengulangan (Looping)

http://websitecompletecoding.blogspot.co.id/

Looping adalah suatu proses perulangan data yang di proses pada for dan while di dalam JavaScript. Berbagaimacan jenis perulangan yang akan kami bahas akan terkait dengan dua jenis macam bentuk perulangan yaitu for dan while.

Dalam JavaScript terdapat dua macam bentuk perulangan (looping), yaitu :

for
while

Looping for

Looping for digunakan untuk mengeksekusi baris program dimana sudah diketahui berapa baris program akan dieksekusi.

Sintax :

for (var=nilai_awal;

var<=nilai_kondisi_akhir;

var=step_kenaikan)

{

code to be executed

}

Contoh berikut looping diawal dengan i=0, pengulangan dilakukan sampai nilai i=5, nilai i akan naik 1 (satu) tiap kali terjadi pengulangan.

Contoh Program :

<html>
    <head>
        <title> Looping For </title>
    </head>

    <body>

    <script type="text/javascript">
        var i=0;

        for (i=0; i<=5; i++)
            {
                document.write ("looping baris ke-" + i);
                document.write ("<br />");
            }
    </script>

    </body>
</html>

Looping while

Looping while digunakan untuk mengeksekusi baris program dalam blok kode program ketika kondisi tertentu bernilai true.

Sintax :

while (var<=endvalue)

{

code to be executed

}

Catatan :

Sintax "<=" bisa dapat berupa statment kondisional lainnya.

Contoh betikut looping di awal dengan i=0, pengulangan dilakukan sampai nilai i<=5, nilai i akan naik 1 (satu) tiap kali terjadi pengulangan.

Contoh Program :

<html>
    <head>
        <title> Looping While </title>
    </head>

    <body>

    <script type="text/javascript">
        var i=0;

        while (i<=5)
            {
                document.write ("looping baris ke-" + i);
                document.write ("<br />");
            }
    </script>

    </body>
</html>

Looping do...while loop

Penggunaan do...while loop adalah variasi dari pengulangan while. Dalam looping ini blok baris kode dalam sekali, dan kemudian akan diulangi pengulangannya sampai kondisi spesifik bernilai true.

Sintax :

{

code to be executed

}

while (var<=endvalue);

Catatan :

Sintax "<=" bisa dapat berupa statment kondisional lainnya.

Berikut contoh pengulangan do...while loop. Pengulangan do...while loop selalu dieksekusi paling tidak satu kali, walau kondisi bernilai false, karena statment akan dieksekusi sebelum kondisi di tes.

Contoh Program :

<html>
    <head>
        <title> Looping do...while loop </title>
    </head>

    <body>

    <script type="text/javascript">
        var i=0;

        do
            {
                document.write ("looping baris ke-" + i);
                document.write ("<br />");
                i++;
            }

        while (i<=5);
    </script>

    </body>
</html>

Statements break

Statements break pada pengulangan akan menghentikan looping dan melanjutkan eksekusi baris kode setelah looping (jika ada).

Contoh Program :

<html>
    <head>
        <title> Statment Break </title>
    </head>

    <body>

    <script type="text/javascript">
        var i=0;

        for (i=0; i<=10; i++)
            {
                if (i==3)
                {
                    break;
                }

                document.write ("looping baris ke-" + i);
                document.write ("<br />");
            }
    </script>

    </body>
</html>

Statement continue

Statement continue akan menghentikan pengulangan dan akan dilanjutkan ke nilai berikutnya.

Contoh Program :

<html>
    <head>
        <title> Statment Continue </title>
    </head>

    <body>

    <script type="text/javascript">
        var i=0;

        for (i=0; i<=10; i++)
            {
                if (i==3)
                {
                    continue;
                }

                document.write ("looping baris ke-" + i);
                document.write ("<br />");
            }
    </script>

    </body>
</html>

Statement for...in

Statement for...in digunakan untuk pengulangan object array

Sintax :

{

code to be executed

}

Contoh Program :

<html>
    <head>
        <title> Statment For...In </title>
    </head>

    <body>

    <script type="text/javascript">
        var x;
        var mycars = new Array();
        motorku[0] = "R15";
        motorku[1] = "R25";
        motorku[2] = "R6";

        for (x in motorku)
            {
                document.write (motorku[x] + "<br />");
            }
    </script>

    </body>
</html>

Untuk struktur pengunalngan (looping) di atas semua sudah kami bahas sesuai pemahaman anda yang masih pemula, agar mudah di pahami kami membahas sebagi contoh atau rumusnya saja. Dalam pemulisan JavaScript sangatlah sensitif, dan tidak bisa muncul hanya dengan di ketikan inisial huruf depannya saja, seperti yang anda ketahui saat penulisan di dalam aplikasi Dreamweaver.