February 28, 2022 2 min to read

JS Basic - Perulangan (looping)

Didalam Javascript kita dapat melakukan looping atau perulangan menggunakan while atau for, berikut adalah pembahasan detail mengenai while dan for.

While

While memiliki struktur kode seperti dibawah ini:

while(kondisi){ aksi }

setiap perulangan yang dilakukan oleh while dapat diberhentikan oleh user atau oleh sistem. Berikut adalah contoh penggunaan while.

let x = true;
while (x) {
  alert("hello world");
  x = confirm("cetak lagi?");
}

Jika dilihat dari script diatas maka dapat disimpulkan seperti ini:

Variable x bernilai true.
Ketika variable x bernilai true maka cetak alert hello world
lalu tampilkan pop up box confirm yang nilainya disimpan ke dalam variable x
Kemudian script akan kembali lagi melakukan pengecekan variable x apakah bernilai true atau false

Berikut adalah contoh hasilnya:

Selain dari contoh diatas, berikut adalah contoh while yang digunakan untuk looping sebuah bilangan

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

Jika dilihat dari script diatas maka dapat disimpulkan seperti ini:

Variable y bernilai 1.
Ketika variable y bernilai lebih kecil sama dengan 10
Maka tampilkan nilai variable y pada console browser.
Kemudian tambahkan 1 nilai pada variable y.
Kemudian script akan kembali lagi melakukan pengecekan nilai pada variable y apakah nilainya masih lebih kecil sama dengan 10, jika ya maka kembali lakukan perulangan.

Berikut adalah contoh hasilnya:

Pada prakteknya penggunaan for hampir sama seperti penggunaan while, namun for memiliki struktur code yang lebih rapih seperti berikut.

for(NilaiAwal; Kondisi; Increment/Decrement;){ Aksi; }

Berikut adalah contoh penggunaan looping menggunakan for

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

Jika script diatas dipahami maka dapat dijabarkan seperti berikut:

Berikut adalah contoh hasilnya: