Looping atau Perulangan While dan Do While JavaScript


Seperti yang telah dijelaskan pada pembelajaran sebelumnya tentang Perulangan For didalam JavaScript, bahwa looping atau perulangan adalah sebuah cara untuk mengeksekusi blok kode/ sintak secara berulang-ulang kali dengan kondisi yang kita tentukan. Pada pembahasan perulangan JavaScript sebelumnya kita belum membahas apa saja sih perulangan yang dapat kita gunakan di JavaScript?. JavaScript mempunyai beberapa contoh looping atau perulangan seperti dibawah ini:

  • Perulangan For
  • Perulangan While
  • Perulangan Do While

 

Perulangan While

Kali ini kita akan belajar perulangan While karena sebelumnya kita telah belajar perulangan For. Perulangan While adalah sebuah perulangan yang menyatakan kondisi terlebih dahulu, JavaScript akan mengevaluasi kondisi tersebut dan selama kondisi tersebut bernilai true, maka perulangan akan dilanjutkan hingga kondisi bernilai false. Tentu saja sebagian perulangan mempunyai sistem kerja demikian, namun ada perbedaan antara perulangan for dan perulangan While.

Jika kita menggunakan perulangan For didalam JavaScript, maka biasanya kita harus membuat pernyataan atau statemen 3 buah. Jika sobat lupa mengenai statemen atau pernyataan didalam perulangan For, baca kembali artikel sebelum ini. Namun dengan menggunakan perulangan While, kita hanya cukup menuliskan sebuah kondisi didalamnya.

Secara umum, penulisan sintak perulangan while seperti contoh dibawah ini.

<script language="text/javascript"> 

while (kondisi) {
 
blok kode yang di eksekusi...
}

</script>

Blok kode akan terus di eksekusi oleh JavaScript selama kondisi didalam while masih bernilai true, dan ketika nilai bernilai false maka perulangan akan dihentikan. Perhatikan contoh kasus perulangan while dibawah ini

<script language="text/javascript"> 

var i=0;
while (i<=5) {
 
document.write(i + "&nbsp;");
  i++;
}

//Hasil: 0 1 2 3 4 5

</script>

Pada contoh perulangan while diatas, saya menetapkan nilai i adalah 0 kemudian membuat perulangan while dengan kondisi i kurang dari atau sama dengan 5. Didalam kode blok perulangan tersebut saya memberikan perintah untuk mencetak hasil nilai i dan selalu menambahkan satu demi satu nilai i tersebut setiap kali perulangan. 

Maka dapat kita membaca kode tersebut kurang lebih seperti ini, "Selama nilai i belum mencapai angka 5, maka JavaScript akan terus melakukan pencetakan nilai i yang selalu ditambah nilainya satu demi satu setiap kali perulangan dilakukan." Ingatlah ketika membuat perulangan while jangan lupa untuk menetapkan variabelnya terlebih dahulu, sehingga didalam kondisi while akan menemukan titik dimana nilai akan false dan menghentikan perulangan. Jika kita lupa tidak menetapkan variabelnya, maka nilai akan selalu bernilai true dan itu berarti perulangan akan terus berlanjut tanpa henti.

 

Perulangan Do... While

Perulangan Do While adalah varian yang berasal dari perulangan while. Jika pada perulangan while kita membuat kondisi terlebih dahulu, kemudian JavaScript akan mengevaluasi kondisi tersebut dan menjalankan blok kode selama kondisi tersebut bernilai true. Do While seperti kebalikan dari perulangan while. Perulangan Do While terlebih dahulu menjalankan kode bloknya baru kemudian mengevaluasi kondisi, ketika kondisi bernilai true maka akan kembali melakukan perulangan. Singkatnya, jika kita menggunakan perulangan while kita menetapkan kondisinya didepan. Namun jika menggunakan perulangan do while, kita menentukan kondisinya di belakang. 

Secara umum, penulisan perulangan do while seperti contoh sintak dibawah ini.

<script language="text/javascript"> 

do {
 
blok kode yang dieksekusi...
}
while (kondisi);


</script>

Dapat kita simpulkan bahwa JavaScript melakukan eksekusi terlebih dahulu pada blok kode, baru kemudian membaca kondisinya. Untuk lebih mudah dipahami, kita ambil contoh kasus membuat perulangan do while seperti sintak dibawah ini.

<script language="text/javascript"> 

var i=10;
do {
 
document.write(i + "&nbsp;");
  i++
}
while (i<=15);

//Hasil: 10 11 12 13 14 15

</script>

Dari contoh kasus diatas, saya rasa sudah tidak perlu diuraikan panjang lebar lagi penjelasannya karena sudah sangat jelas bahwa JavaScript setidaknya akan menjalankan satu kali kode yang ada didalam blok karena blok tersebut berada diatas kondisi. Setelah satu kali dijalankan, kemudian akan memeriksa kondisi didalam while, dan seperti biasa ketika kondisi masih bernilai true maka JavaScript akan mengulangi lagi kode blok yang di eksekusi.

Baiklah sobat akawebster yang baik hati, demikian tulisan saya sebagai bahan belajar kita bersama mengenai perulangan atau looping While dan Do While didalam JavaScript. Semoga tulisan yang singkat ini memberikan manfaat untuk kita bersama.


Looping atau Perulangan For JavaScript    -    Penggunaan Break dan Continue didalam JavaScript


Berikan Komentar Anda