Membahas 5 Perulangan pada JavaScript

Dalam seri tutorial kali ini kita masih membahas tentang perulangan pada javascript karena kemarin kita telah membahas tentang perulangan for pada javascript,nah  untuk kali  ini kita akan membahas tentang perulangan selanjutnya yaitu while,do while,foreach,repeat,dan bersarang.

 

1.Perulangan While di Javascript

Perulangan while merupakan perulangan yang termasuk dalam perulangan uncounted loop.

Perulangan while juga dapat menjadi perulangan yang counted loop dengan memberikan counter di dalamnya.

Untuk memahami perulangan ini…

…mari kita coba lihat contohnya:

         

Hasil saat pertama kali di jalankan

        

Nah setelah muncul  pop up  berikut kita bisa klik tombol Ok atau Cancel.Maksudnya di sini adalah jikaa kita klik tombol ok maka perulangan akan terus di jalankan.Nah jika kita klik tombol cancel maka perulangan akan di berhentikan dan akan muncul tulisan berapa kali kalian mengulang seperti berikut ini :

 

Nah di atas muncul tulisan  “Perulangan sudah di lakukan sebanyak 1 kali” karena saya  mengulang pop up di atas sebanyak 1 kali,jika kalian mengulang pop up tersebut  sebanyak 3 kali maka akan muncul  “Perulangan sudah di lakukan sebanyak  3 kali”.

 

2.Perulangan Do/While di Javascript

Perulangan do/while sama seperti perulangan while.

Perbedaanya:

Perulangan do/while akan melakukan perulangan sebanyak 1 kali terlebih dahulu, lalu mengecek kondisi yang ada di dalam kurung while.

Bentuknya seperti ini:

 do {

 

Jadi perbedaanya:

Perulangan do/while akan mengecek kondisi di belakang (sesudah mengulang), sedangkan while akan mencek kondisi di depan atau awal (sbelum mengulang).

 

Mari kita coba lihat contohnya

       

Contoh tersebut sama seperti contoh pada perulangan while.

Saat perulangan pertama, cobalah untuk membatalkan perulangannya dengan memilih Cancel.

Maka hasilnya pun akan sama seperti perulangan while di atas.

 

3. Perulangan Foreach di Javascript

Perulangan foreach biasanya digunakan untuk mencetak item di dalam array.

Perulangan ini termasuk dalam perulangan counted loop, karena jumlah perulangannya akan dituentukan oleh panjang dari array.

Ada dua cara menggunakan perulangan foreach di [removed]

1. Menggunakan for dengan operator in;
2. Mengguunakan method forEach().

Contoh:

Berikut ini bentuk perulangan “foreach” tanpa menggunakan operator in:

Perulangan ini dapat dibuat lebih sederhana lagi dengan menggunakan operator in seperti ini:

Hasilnya:

Cara kedua membuat perulangan foreach ialah dengan menggunakan method forEach() dari array.

Contoh:

Hasilnya:

4. Perulangan dengan Method repeat()

Perulangan dengen method atau fungsi repeat() termasuk dalam perulangan counted loop.

Fungsi ini khusus digunakan untuk mengulang sebuah teks (string).

Bisa dibilang:

Ini merupakan singkat dari perulangan for.

Contoh:

Apabila kita menggunakan perulangan for:

Apabila kita menggunakan fungsi repeat():

Hasilnya:

5. Bonus: Perulangan Bersarang (Nested)

Di dalam blok perulangan, kita juga dapat membuat perulangan.

Ini disebut dengan nested loop atau perulangan bersarang atau perulangan di dalam perualangan.

Mari kita coba lihat contohnya:

Hasilnya :

Pada perulangan tersebut, kita menggunakan dua perulangan for.

Perulangan pertama menggunakan variabel i sebagai counter, sedangkan perultangan kedua menggunakan variabel j sebagai counter.

Contoh lain:

 

Hasil saat awal kita menjalankan :

Setelah kita beres mengulang maka akan muncul berapa kali kita mengulang dengan tanda bintang seperti ini:

Nanti, kita akan banyak menggunakan perulangan bersarang saat bekerja dengan array dua dimensi.

Kita dapat membuat perluangan sebanyak mungki di dalam perulangan yang lainnya.

Namun, ini perlu diperhatikan:

Semakin banyak perulangannya, maka komputer akan semakin lama memprosesnya.

Tentu ini akan membuat website atau aplikasi kita berjalan lambat.

Karena itu, gunakanlah perulangan dengan bijak 

Apa Selanjutnya?

Intinya perulangan digunakan untuk melakukan pengulangan. Ini merupakan hal dasar yang harus dipahami setiap programmer.

Karena ke depan, kita akan banyak menggunakannya dalam membuat program dengan javascript.

Yang perlu diingat, perulangan itu ada dua macam: Counted loop dan uncounted loop.

Selamat Belajar