Belajar Perulangan While JavaScript untuk Pemula

Ada banyak metode yang bisa kita gunakan untuk membuat perulangan di JavaScript, salah satunya while.

Ini bisa menjadi alternatif untuk for loop ketika kita tidak tau berapa kali iterasi harus dilakukan.

Di sini kita akan belajar mulai dari sintaks, contoh, dan kapan while dibutuhkan.

Berikut beberapa topik yang akan kita bahas terkait while loop.

1. Sintaks
2. Contoh
3. Kapan Menggunakan while?

Sintaks

while statement membuat sebuah perulangan yang mengeksekusi statement tertentu selama kondisi bernilai true. Kondisi dievaluasi sebelum statement dieksekusi.

while (kondisi) {
  statement;
}

Keterangan:

• kondisi: ekspresi yang dievaluasi disetiap iterasi. Jika true, statement dieksekusi, jika false maka keluar dari perulangan. Jika ekspresi tidak menghasilkan nilai boolean, dikonversi ke boolean secara otomatis sesuai truthy dan falsy.
• statement: statement atau kode yang dieksekusi selama kondisi bernilai true.

Contoh

Mari kita gunakan perulangan while untuk menampilkan teks hello world dengan nomor berurutan ke console.

let n = 1;

while (n <= 5) {
  console.log(`${n}. hello world`);
  n++;
}

/* output:
1. hello world
2. hello world
3. hello world
4. hello world
5. hello world
*/

Begini cara kerjanya:

1. Deklarasi dan inisialisasi variabel n dengan angka 1.
2. Apakah n lebih kecil dari atau sama dengan 5 (n <= 5)? hasilnya true.
3. Karena kondisi true maka statement ({ ... }) dieksekusi.
4. Diakhir statement, nilai n dijumlahkan dengan 1 (n++), maka nilainya sekarang 2. Ulangi dari langkah 2 namun dengan nilai baru.

Kondisi pada contoh kode di atas akan menghasilkan nilai false ketika n bernilai 6.

Oleh karena itu teks hello world ditampilkan sebanyak lima kali ke console.

Kapan Menggunakan while?

Perulangan while biasanya digunakan ketika kita tidak tau berapa kali perulangan harus dilakukan.

Mari kita buat game sederhana, tebak tahun Indonesia merdeka. Tulis kode di bawah dalam file HTML.

Perhatikan kode di bawah, awalnya variabel lagi bernilai true, kemudian di akhir statement kita menampilkan pop-up konfirmasi.

Jika pengguna menekan tombol OK, maka variabel lagi akan diinisialisasi dengan nilai ture, jika Cancel maka false.

Kita tentu tidak tau berapa perulangan ini akan dilakukan, ini bergantung pada pengguna. Di sinilah while bisa menjadi solusi.

let lagi = true;

while (lagi) {
  const jawaban = window.prompt('Tahun berapa Indonesia merdeka?');
  if (jawaban === '1945') {
    window.alert('BENAR! Anda hebat!');
  } else {
    window.alert('SALAH! Belajar lagi!');
  }

  lagi = window.confirm('Main lagi?');
}

Topik pop-up akan kita pelajari lebih lanjut di artike terpisah.