Tutorial Pengulangan Pada Javascript Beserta Contohnya

Tutorial Pengulangan Pada Javascript Beserta Contohnya - Kali ini kita akan membahas pengulangan pada javascript.

Pengulangan biasa disebut dengan Loops.

Loops merupakan cara cepat untuk mengulang beberapa statement dengan nilai index yang berbeda.

Loops biasa dipakai berdampingan dengan array.

Contoh:

var nama1 = name[0];
var nama2 = name[1];
var nama3 = name[2];

Jika melihat kode di atas, terdapat pengulangan statement yang berbeda.

Di mana letak perbedaannya?

Statemen yang berulang seperti itu akan sangat boros pada baris program.

Lantas bagaimana jika harus mengulang sebanyak 1000 baris? Tentu akan sangat panjang baris kodenya.

Oleh sebab itu statement yang berulang seperti di atas,  dapat disingkat menggunakan loops.

Dengan menggunakan loops, kita dapat mengulang statement sebanyak apapun tanpa harus menuliskan pengulangan tersebut.

Jika kode di atas ditulis menggunakan loops, maka hasilnya lebih ringkat sebagai berikut:

var x;
for(x = 0; x < name.length; x++){
 var nama = name[x];
}

Hanya dengan baris di atas, Anda bisa mengulang berapapun pengulangan yang Anda butuhkan.

Nah, terdapat 4 jenis pengulangan yang  tersedia dalam Javascript:

1. for: pengulangan sebanyak jumlah tertentu.
2. for/in: pengulangan berdasarkan properti sebuah object.
3. while:  pengulangan selama kondisi tertentu dipenuhi
4. do/while:  pengulangan selalam kondisi tertentu dipenuhi,  hanya saja diawali dengan eksekusi blok kode tertentu.

1# Pengulangan For

Penulisan for adalah dengan format  berikut:

for(stat1, stat2, stat3){
 // kode program
}

Urutan eksekusinya adalah

1. Statement 1 dikerjakan
2. Statement 2 akan dicek apakah memenuhi kondisi, jika ya,  maka program akan mengeksekusi kode di dalam blok.  Jika tidak,  maka program akan keluar dari loop.
3. Program akan menjalankan statement 3.
4. Kembali ke step 2, dan begitu seterusnya.

Contoh:

for(var i = 0; i < 5; i++){
 var ulang = "Baris ke " +i;
}

Program di atas akan membentuk text "The number is x" sebanyak 5 kali dengan nilai x yang berubah-ubah dari 0 hingga 4.

2# Pengulangan For/in

Pengulangan for/in biasa digunakan untuk melakukan pengulangan terhadap properti dari sebuah object.

Contoh:

var nama = {namadepan:"Wildan", namabelakang:"Fuady"};
var text = "";
var x;
for(x in nama){
text += nama[x];
}

3# Pengulangan While

While loop dipakai untuk melakukan pengulangan selama kondisi tertentu masih terpenuhi.

Format sintaks dari while:

while(kondisi){
 // blok kode
}

Contoh:

while(i < 5){
 var text += "Baris ke" +i;
 i++;
}

Pengulangan pada program di atas akan terus dilakukan selama nilai variable i kurang dari 5.

#4 Pengulangan Do While

Do/While merupakan variant dari pengulangan While.

Sama seperti While, dipakai untuk melakukan pengulangan selama kondisi tertentu masih dipenuhi.

Hanya saja, pada pengulangan Do/While, kode blok akan dijalankan sekali, kemudian baru mengecek kondisi dari while tersebut.

Sintaks dari Do/While:

do{
 // blok kode
} while(kondisi);

Contoh:

do{
 var text += "Baris ke" +i;
 i++;
} while(i < 5);

Hasilnya sama dengan pengulangan while biasa.

Demikianlah tutorial kali ini mengenai pengulangan pada javascript baik for, while maupun do while.

Semoga artikel ini bermanfaat buat Anda sekaligus menambah pengetahuan Anda.

Aamiin.

Oh iya, apabila Anda ingin membaca tutorial lainnya, silahkan gunakan menu Sitemap / Daftar Isi pada situs ini.