while Loop JavaScript

Loop artinya adalah menjalankan code yang sama secara berulang-ulang. Satu kali loop artinya satu kali menjalankan kumpulan code. Dua kali loop artinya menjalankan dua kali kumpulan code, dan seterusnya.

Ada dua variasi while loop:

  • while loop
  • do…while loop

while loop

while loop berguna untuk menjalankan sekumpulan code secara berulang-ulang dengan jumlah pengulangan code berdasarkan conditional statement.

Syntax

while (statement) {
   code block;
};

Parameter

Parameter Penjelasan
statement Conditional statement yang menentukan apakah loop akan dilanjutkan atau tidak (true atau false).

Catatan

  • [code block] adalah kumpulan code yang akan dieksekusi setiap kali loop.
  • Jika conditional statement tidak pernah [false] maka while loop akan terus menjalankan loop yang akan mengakibatkan browsermu menjadi error.

Contoh

Berikut ini adalah contoh penggunaan while loop:

Code JavaScript 1:

<script>
var i = 0;
while(i < 5) {
   document.write("i = " + i + "<br />");
i++;
};
</script>

Hasil code JavaScript 1:

i = 0
i = 1
i = 2
i = 3
i = 4

Code di atas bekerja berdasarkan urutan sebagai berikut:

  1. Memasukkan nilai awal dari counter variable [i]. Counter variable ini digunakan sebagai bagian dari [statement] parameter pada code while.
  2. Menjalankan while loop.
  3. [statement] parameter dievaluasi. Karena [statement] parameter menghasilkan [true] maka [loop 1] dimulai.
  4. [code block] dijalankan. [Loop 1] selesai.
  5. [statement] parameter dievaluasi. Karena [statement] parameter menghasilkan [true] maka [loop 2] dimulai.
  6. [code block] dijalankan. [Loop 2] selesai.
  7. dan seterusnya.

Loop akan terus berulang sampai [statement] parameter menghasilkan [false]. Jika [statement] parameter menghasilkan [false] maka loop tidak akan dimulai.

Nilai dari counter variable [i] yang berpengaruh terhadap conditional statement akan bertambah 1 setiap kali loop karena increment operator [i++].

do…while loop

do…while loop merupakan variasi dari while loop. do…while loop mengeksekusi code block terlebih dahulu baru mengevaluasi conditional statement.

Syntax

do {
   code block;
} while (statement);

Parameter

Parameter Penjelasan
statement Conditional statement yang menentukan apakah loop akan dilanjutkan atau tidak (true atau false).

Catatan

code block adalah kumpulan code yang akan dieksekusi setiap kali loop.

Contoh

Berikut ini adalah contoh penggunaan do…while loop:

Code JavaScript 2:

<script>
var i = 0;
do {
   document.write("i = " + i + "<br />");
   i++;
} while(i < 5);
</script>

Hasil code JavaScript 2:

i = 0
i = 1
i = 2
i = 3
i = 4

Code di atas bekerja berdasarkan urutan sebagai berikut:

  1. Memasukkan nilai awal dari counter variable [i]. Counter variable ini digunakan sebagai bagian dari [statement] parameter pada do…while statement..
  2. Menjalankan do…while loop.
  3. Mulai [loop 1]. Menjalankan [code block]. [Loop 1] selesai.
  4. [statement] parameter dievaluasi. Karena [statement] parameter menghasilkan [true] maka [loop 2] dimulai.
  5. [code block] dijalankan. [Loop 2] selesai.
  6. [statement] parameter dievaluasi. Karena [statement] parameter menghasilkan [true] maka [loop 3] dimulai.
  7. dan seterusnya.

Berdasarkan cara kerja do…while loop di atas, code block akan dieksekusi terlebih dahulu baru [statement] parameter dievaluasi. Jika [statement] parameter menghasilkan [false] maka loop berikutnya tidak akan dijalankan.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>