Modul 3-2. While Loop & Do While Loop

Pendahuluan

Halo teman-teman semua selamat datang kembali di Javascript Course dari nusantech academy. Sebelum teman-teman melanjutkan membaca materi ini, diharapkan teman-teman sudah mengerti tentang materi sebelumnya, yaitu tentang for loop. Pada materi for loop tersebut kita sudah membahas tentang bagaimana cara melakukan proses perulangan dengan menggunakan for loop. Selain itu, untuk melakukan proses perulangan terhadap object bisa dilakukan dengan menggunakan for loop versi lebih simpel, yaitu for/in loop dan untuk melakukan proses perulangan di data string atau array bisa menggunakan for/of loop.

While Loop & Do While Loop

Pada materi ini kita akan membahas tentang cara melakukan proses perulangan yang lain, yaitu while loop dan do while loop.

While loop

While loop adalah control flow statement yang digunakan untuk melakukan eksekusi kode program secara berulang-ulang berdasarkan kondisi boolean yang diberikan. 

Syntax while loop

while (boolean condition)
{
 // kode program
 // update variabel counter
}

Proses while loop dimulai dengan mengecek kondisi yang diberikan. Jika kondisi tersebut bernilai true, maka kode program akan dijalankan dan jika kondisi tersebut bernilai false, maka  proses perulangan akan dihentikan. Biasanya setelah kode program, terdapat statement untuk mengupdate variabel yang digunakan dalam bagian boolean condition untuk digunakan pada proses perulangan selanjutnya. Hal ini dilakukan untuk mencegah terjadinya infinite loop yang bisa membuat program yang telah dibuat menjadi crash. Contoh penggunaan while loop: 

let x = 1;
 
while( x <=10 ) {
 console.log(x);
 x++;
}

Do while loop

Do while loop hampir sama dengan while loop tapi memiliki perbedaan di bagian eksekusi kode programnya. Jika di while loop kode programnya di eksekusi setelah mengecek kondisionalnya, sedangkan di do while loop kode programnya di eksekusi dulu baru melakukan pengecekan kondisionalnya.

Syntax do while loop

do
{
 // kode program
 // update variabel counter
}
while (boolean condition)

Bisa dilihat dari syntax nya, do while loop dimulai dengan mengeksekusi kode program tanpa melakukan pengecekan kondisionalnya, bahkan pengecekan tersebut dilakukan setelah mengeksekusi kode programnya. Setelah kode program dieksekusi dan variabel kondisionalnya di update, kemudian kondisionalnya dicek jika bernilai true, maka proses perulangan dilakukan kembali dan jika bernilai false, maka proses perulangannya berhenti. Perlu dicatat bahwa perulangan menggunakan do while loop akan mengeksekusi kode programnya paling tidak satu kali sebelum kondisionalnya dicek. Contoh penggunaan do while loop:

let x = 1;
 
do
{
 console.log(x);
 x++;
}
while (x <= 7);

Penutup

Jadi untuk mereview materi yang telah kita bahas, selain for loop terdapat while loop dan do while loop yang bisa digunakan untuk melakukan proses perulangan. While loop akan menjalankan proses perulangan ketika kondisionalnya bernilai true dan kemudian mengeksekusi kode program yang ingin diulang, sedangkan do while loop akan mengeksekusi kode programnya terlebih dahulu baru melakukan pengecekan dalam kondisionalnya. Hal tersebut membuat kode program dalam do while loop akan dieksekusi minimal satu kali sebelum kondisionalnya dicek.

Baik teman-teman, saya rasa cukup untuk materi while loop & do while loop ini. Tetap semangat mengikuti Javascript Course dari Nusantech Academy.

Thank you and see you next time!

Quiz Time:

Apa yang terjadi ketika kita lupa mengupdate variabel counter pada while loop atau do while loop ?

a. Proses perulangan akan berhenti

b. Proses perulangan tidak akan dieksekusi

c. Terjadinya infinite loop

d. Proses perulangan berjalan sesuai yang diinginkan

Apakah hasil dari program di bawah ini:

let x = 10;
 
do
{
 console.log(x);
 x++;
}
while (x <= 7);

a. Angka 10

b. Tidak ada hasil di console

c. Angka 1 sampai 7

d. Error