Perulangan di javascript

Pertemuan – 5

Khairul Ummi, M.Kom

 Pendahuluan
 Perulangan akan membantu kita mengeksekusi kode yang berulang-
ulang, berapapun yang kita mau.
 Ada lima macam bentuk perulangan di Javascript. Secara umum,
perulangan ini dibagi dua.
 Yaitu: counted loop dan uncounted loop.

Perbedaanya:
 Counted Loop merupakan perulangan yang jelas dan sudah tentu banyak
perulangannya.
 Perulangan yang termasuk dalam Counted Loop:
› Perulangan For
› Perulangan Foreach
› Perulangan Repeat
 Pendahuluan

 Sedangkan Uncounted Loop, merupakan

perulangan yang tidak jelas berapa kali ia harus
mengulan.
 Perulangan yang termasuk dalam Uncounted
Loop:
› Perulangan While
› Perulangan Do/While
 Perulangan For

 Digunakan untuk mengeksekusi pernyataan-

pernyataan beberapa kali. Perulangan For paling
sering dipakai, jika anda sudah tahu akhir dari
perulangan tersebut. . Perintah for mengulang
suatu loop sampai kondisi menghasilkan evaluasi
true atau loop keluar dengan perintah break .
Contoh Flowchat Perulangan FOR
 Penjelasan Gambar
 Bentuknya kodenya seperti ini:
for(let i = 0; i < 10; i++){ document.write("<p>Perulangan ke-" + i +
"</p>") }
 Yang perlu diperhatikan adalah kondisi yang ada di dalam kurung
setelah kata for.
 Kondisi ini akan menentukan:
 Hitungan akan dimulai dari 0 (i = 0);
 Hitungannya sampai berapa? Sampai i < 10;
 Lalu di 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++.
Outputnya :
 Penjelasan
 Apakah nama variabelnya harus selalu i?
Tidak.
 Kita juga bisa menggunakan nama lain.
 Misalnya:
for(counter = 0;
counter < 50;
counter+=2)
{
document.write("<p>Perulangan ke-"+counter+"</p>");
}
 Pada contoh tersebut, kita melakukan perulangan dimulai dari nol 0. Lalu
di setiap perulangan nilai variabel couter akan ditambah 2 (counter+=2).
Hasilnya
 Bagaimana kalau counter perulangannya dimulai dari angka yang
lebih besar sampai yang ke paling kecil?
 Ini biasanya kita buat saat ingin menghitung mundur…
Caranya gampang.
 Kita tinggal isi nilai counter dengan nilai terbesarnya.
 Misalnya kita akan mulai hitungan dari 10 sampai ke 0.
 Maka nilai counter, kita isi awalnya dengan 10.
 Lalu di kondisi perbandingannya, kita berikan counter > 0.
Artinya perulangan akan dilakukan selama nilai counter lebih
besar dari 0.
 Lalu kita kurangi (-1) nilai counter di setiap perulangan
(counter--).
for(counter = 10; counter > 0; counter--){
document.write("<p>Perulangan ke
"+counter+"</p>"); }
Hasilnya :
 Mengapa tidak sampai nol (0)?
 Karena kondisi yang kita berikan counter > 0.
Apabila counter bernilai 0, maka kondisi ini akan
menjadi false.
 Kecuali kita menggunakan operator lebih besar
sama dengan (>=), maka jika counter bernilai 0,
kondisi akan menjadi true.
 Contoh (2) :

for (nilai awal;kondisi;penambahan)

{
ulang pernyataan ini;
} 
Contoh dalam program : 
For(x=1;x<=10;x++)
{
document.writeln(”Belajar JavaScript Yuuuuu..”);
}
 Perulangan While

Perulangan lain yang dapat digunakan adalah dengan

menggunakan perintah While. Perintah while
digunakan untuk perulangan yang tidak diketahui
berapa kali proses perulangannya. Perintah while
terus mengulangi loop selama kondisi memiliki nilai
true. Syntax untuk perintah while adalah sebagai
berikut :
while (kondisi)
{ ulang pernyataan ini;
} 
 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:
Bisa disederhanakan menjadi:
 Di sana… Perulangan akan terjadi selama
variabel ulangi brenilai true.
 Lalu kita menggunakan fungsi confirm() untuk
menampilkan dialog konfirmasi.
 Selama kita memilih Ok pada dialog konfirmasi,
maka variabel ulangi akan terus bernilai true.
 Tapi kalau kita pilih Cancel, maka
variabel ulangi akan bernilai false.
 Saat variabel ulangi bernilai false, maka
perulangan akan dihentikan.
 Perulangan Do While

Perulangan ini hampir sama seperti while, digunakan

apabila kita belum tahu berapa kali perulangan harus
dilakukan. Bedanya pernyataan do..while pengujiannya
dilakukan di akhir pernyataan.
Do
{
//pernyataan1 dieksekusi
}
while (kondisi);
 
 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:
 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:
 Perulangan Foreach
 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
Javascript:
 Menggunakan for dengan operator in;
 Mengguunakan method forEach().
Contoh :
Hasil :
 Cara kedua membuat perulangan foreach ialah dengan
menggunakan method forEach() dari array.

Contoh :

Method forEach() memiliki parameter berupa fungsi callback. Sebenarnya kita juga bisa
menggunakan arrow function seperti ini:
Hasil :
 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:
Hasil :
 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:

Hasil :
 Pada perulangan tersebut, kita menggunakan dua
perulangan for.
 Perulangan pertama menggunakan
variabel i sebagai counter, sedangkan
perultangan kedua menggunakan
variabel j sebagai counter.
Hasil :
TERIMA KASIH