Loop (Pengulangan)

Donny Reza, S.Kom Aplikasi IT 2 Teknik Informatika Universitas Komputer Indonesia 2012

Loop
Dalam pembuatan suatu program, sering ditemukan sebuah proses yang dilakukan berulang serta dengan pola yang sama. Proses ini dinamakan loop (pengulangan). Dalam JavaScript terdapat 3 cara untuk melakukan loop, yaitu dengan for, while dan do-while.

For Loop
Syntax: for ( variabel=nilaiawal; cek kondisi; increment atau decrement variabel ); Contoh: for ( i = 0; i <= 10; i++ ){ //kode-kode yang akan dieksekusi }

For Loop
Contoh: Menampilkan angka 1 sampai dengan 10. for ( i = 1; i <= 10; i++ ){ document.write( angka + i + <br> ); } Atau for ( i = 1; i < 11; i++ ){ document.write( angka + i + <br>); }

While loop
Syntax: while ( kondisi ){ //kode yang akan dieksekusi } Catatan: Selama kondisi di atas bernilai true, maka kode yang terdapat di dalam blok while, akan selalu dieksekusi. Akibatnya adalah proses looping tanpa henti, yang dapat menyebabkan komputer hang.

While loop
Contoh: Tampilkan angka dari 1 sampai 100 menggunakan while loop. var i = 1; while ( i <= 100 ) { document.write( angka- + i + <br> ); i++; //incremental, sebagai kontrol terhadap kondisi }

Do While Loop
Syntax: do { //kode yang akan dieksekusi } while ( kondisi ) Catatan: Dengan menggunakan do while, kode yang terdapat dalam blok akan dieksekusi minimal sekali. Setelah itu dilakukan pemeriksaan kondisi, jika bernilai true, kode akan dieksekusi kembali, jika false proses loop dihentikan.

Do While Loop
Contoh: var i = 0; do { document.write( Angka = + i + <br> ); i++; } while( i <= 10 );

Continue
Kata kunci (keyword) continue; di dalam loop berfungsi untuk menghentikan proses, dan melanjutkan ke nilai selanjutnya. Contoh: for ( i=0; i<=10; i++ ){ if ( i === 3 ){ continue; } document.write( angka ke- + i + <br> ); }

Break
Kata kunci (keyword) break; di dalam loop berfungsi untuk menghentikan proses loop secara keseluruhan dan melanjutkan proses ke kode yang berada setelah loop. Contoh: for ( i=0; i<=15; i++ ){ if ( i == 5 ) { break; } document.write( angka ke- + i + <br> ); } document.write( Tulisan ini ditampilkan setelah loop ); Keterangan: Pada contoh kode di atas, proses loop akan dihentikan ketika variabel i = 5, dan proses eksekusi akan dilanjutkan ke kode yang berada setelah proses loop.

Latihan 1

Latihan 2

Referensi
JavaScript For Loop, http://www.w3schools.com/js/js_loop_for.a sp JavaScript While Loop, http://www.w3schools.com/js/js_loop_whil e.asp JavaScript Break Loops, http://www.w3schools.com/js/js_break.asp