Belajar JavaScript (Part10): Perulangan JavaScript (Loop Break dan Loop Continue JavaScript)


tutorial javascript

SeniKoding.com - Perulangan tipe ini sering digunakan untuk looping lebih dari satu dan disaat kondisi terpenuhi diharuskan untuk berhenti dan satu lagi loop Continue akan diteruskan (continue) untuk mencari kondisi yang sesuai dengan yang diinginkan.

Tutorial Belajar JavaScript Perulangan (Loop Break)

Perulangan Break JavaScript digunakan untuk menghentikan looping/perulangan sebelum mencapai kondisi akhir. Kondisi ini sering digunakan untuk menghentikan statement atau aksi yang harus dihentikan untuk kondisi yang dibutuhkan. Kondisi ini bisa digunakan bersamaan dengan for loop dan dibarengi dengan percabangan IF. Dan kondisi ini juga dipakai pada perulangan SWITCH. Dengan Case yang sesuai dengan kondisi, aksi didalamnya akan dijalankan dan diakhiri dengan tanda break.
Baca juga:
- Percabangan Switch JavaScript

Contoh kode perulangan Break JavaScript:

<!DOCTYPE html>
<html>
    <head>
        <title>Belajar JavaScript</title>
    </head>
    <body>
        <h2>Percabangan Break JavaScript</h2>
        <script type="text/javascript">
            var i = 1;
            for (i=1; i <= 10; i++){
                if(i==5){
                    alert("Pemberhentian ke 5");
                    document.write("Pemberhentian ke 5");
                    break;
                }
                document.write(i+"<br>");
            }
        </script>
    </body>
</html>

Hasil browser:

break javascript

Tutorial Belajar JavaScript Perulangan (Loop Continue)

Perulangan Continue Statement ini digunakan untuk melewati satu atau beberapa kondisi didalam sebuah loop. Kita bisa menggunakan perintah continue didalam loop tersebut. Kalau saya perumpamakan ini bisa digukanan untuk membuat langkah-langkah kegiatan, yang dimana ada kondisi yang harus digaris besarkan atau diberi kondisi tertentu dan kemudian dilanjutkan dengan kondisi yang lain, statement loop Continue ini bisa digunakan.

Contoh program Continue statement:

<!DOCTYPE html>
<html>
    <head>
        <title>Belajar JavaScript</title>
    </head>
    <body>
        <h2>Percabangan Continue JavaScript</h2>
        <script type="text/javascript">
            var i = 1;
            for (i=1; i <= 10; i++){
                if(i==5){
                    alert("Pemberhentian ke 5");
                    continue;
                }
                document.write(i+"<br>");
            }
        </script>
    </body>
</html>

Hasil browser 1:
Yaitu perbedaan gambar 1 dan 2, karena dilanjutkan dengan statement Continue.

continue javascript
Gambar 1

Hasil browser gambar 2:
Yaitu setelah klik alert akan dilanjutkan dengan kode dibawahnya.

belajar javascript
Gambar 2

Kenapa nomor 5 pada gambar tidak ada, karena baris ke lima sudah ditampilkan melalui aksi "Alert" jadi nomor 5 digantikan oleh aksi alert itu.

Sobat bisa latihan lebih jauh lagi berihal break dan continue javascript ini.

Sampai disini Tutorial Belajar JavaScript (Part10): Perulangan JavaScript (Loop Break dan Loop Continue JavaScript), semoga bermanfaat.

- Salam -



Berlangganan Artikel Kami Gratis, masukan Email dan Verifikasi:

0 Response to "Belajar JavaScript (Part10): Perulangan JavaScript (Loop Break dan Loop Continue JavaScript)"

Post a Comment

* Berkomentar sesuai tema ya gaes..

- Terima Kasih -