Perulangan For, While, dan Do While pada Javascript

Setelah mempelajari tentang pengkondisian atau percabangan pada artikel sebelumnya, maka artikel kali ini akan membahas tentang perulangan. Tetapi sebelum membahas lebih lanjut tentang apa itu perulangan, mari kita mulai dengan satu pertanyaan sederhana.

Bagaimana cara memuncukan teks yang sama sebanyak 100 kali?

Bagaimana cara menuliskan nomor berurutan dari 1 sampai 1000?

Untuk menjawab pertanyaan itu, bisa saja menggunakan cara biasa / manual dengan menyalin teks yang sama sebanyak 100 kali atau menulis satu persatu nomor dari 1 sampai 100. Tapi bukankah cara itu akan sangat merepotkan dan memakan banyak waktu. Karena ada cara yang lebih sederhana untuk melakukan tugas tersebut, yaitu dengan perulangan atau looping.

Apa itu perulangan?

Perulangan adalah sebuah proses yang sama yang dilakukan secara berulang-ulang dengan jumlah tertentu selama kondisi terpenuhi atau bernilai true. Dengan adanya fungsi perulangan maka hanya perlu menuliskan satu kali proses untuk mengulang proses yang sama sebanyak apapun sesuai jumlah yang ditentukan. Ini artinya tidak perlu menuliskan proses satu persatu yang sangat tidak efektif.

Secara umum perulangan pada javascript dapat dibagi menjadi 2 jenis, yaitu :

· Counted loop merupakan jenis perulangan yang dapat diketahui atau diperkirakan dengan jelas jumlah perulangannya, sehingga dapat ditentukan banyaknya perulangan suatu proses akan dilakukan.

· Uncountable loop merupakan jenis perulangan yang tidak dapat diketahui atau diperkirakan jumlah perulangannya, sehingga kondisi parameternya yang menjadi penentu banyaknya perulangan suatu proses akan dilakukan.

Perulangan For

Perulangan for termasuk dalam jenis countable loop. Perulangan ini menggunakan kata kunci for diikuti dengan tanda kurung yang di dalamnya terdapat expression kondisi. Pengecekan kondisi pada perulangan ini dilakukan sebelum perulangan dilakukan. Selama kondisi terpenuhi atau bernilai true maka perulangan dilakukan dan blok kode akan dieksekusi.

Expression dalam tanda kurung ini yang harus diperhatikan, di dalamnya terdapat :

· Init statement hanya dieksekusi sekali sebagai kondisi awal sebelum perulangan.

· Kondisi akan dilakukan pengecekan pada setiap perulangan, jika bernilai true maka akan dieksekusi, jika false maka berhenti.

· Post statement dieksekusi di akhir setiap perulangan.

for (init statement; kondisi; post statement) {
    // blok kode perulangan
}

Sintaks Perulangan For

Contoh perulangan for :

for (let index = 1; index <= 10; index++) {
  document.writeln("<p>Contoh perulangan For</p>");
}

let batas = 10;
for (let i = 0; i < batas; i++) {
  document.writeln(`<p> Nomer ke-${i} </p>`);
}

Contoh Perulangan For

Output :

Contoh perulangan For
Contoh perulangan For
Contoh perulangan For
Contoh perulangan For
Contoh perulangan For
Contoh perulangan For
Contoh perulangan For
Contoh perulangan For
Contoh perulangan For
Contoh perulangan For

Nomer ke-0
Nomer ke-1
Nomer ke-2
Nomer ke-3
Nomer ke-4
Nomer ke-5
Nomer ke-6
Nomer ke-7
Nomer ke-8
Nomer ke-9

Perulangan While

Perulangan while termasuk dalam jenis uncountable loop. Perulangan ini lebih sederhana dibandingkan perulangan for, menggunakan kata kunci while diikuti expression kondisi dalam tanda kurung tanpa ada init statement dan post statement. Sama seperti perulangan for, pengecekan kondisi pada perulangan ini dilakukan sebelum perulangan dieksekusi. Jika perulangan cukup sederhana dan hanya membutuhkan kondisi saja, maka perulangan while lebih baik digunakan daripada for.

while (kondisi) {
  // blok kode perulangan
}

Sintaks Perulangan While

Contoh perulangan while :

let ulang = 1;
while (ulang <= 10) {
  document.writeln(`<p>Contoh perulangan While</p>`);
  ulang++;
}

let j = 0;
let limit = 10;
while (j < limit) {
  document.writeln(`<p>Angka ke : ${j}</p>`);
  j++;
}

Output :

Contoh perulangan While
Contoh perulangan While
Contoh perulangan While
Contoh perulangan While
Contoh perulangan While
Contoh perulangan While
Contoh perulangan While
Contoh perulangan While
Contoh perulangan While
Contoh perulangan While

Angka ke : 0
Angka ke : 1
Angka ke : 2
Angka ke : 3
Angka ke : 4
Angka ke : 5
Angka ke : 6
Angka ke : 7
Angka ke : 8
Angka ke : 9

Output

Perulangan Do While

Perulangan do while termasuk dalam jenis uncountable loop. Perulangan ini mirip dengan perulangan while, tetapi berbeda pada pengecekan kondisinya. Pengecekan kondisi pada perulangan while dilakukan di awal sebelum perulangan dan blok kode belum dieksekusi, sedangkan pada do while dilakukan setelah perulangan. Oleh karena itu pada perulangan do while pasti perulangan dan blok kode dieksekusi minimal sekali sebelum pengecekan kondisi true atau false.

do {
  // blok kode perulangan
} while (kondisi);

Sintaks Perulangan Do While

Contoh perulangan do while :

let count = 1;
do {
  document.writeln(`<p>Contoh perulangan Do While</p>`);
  count++;
} while (count <= 10);

let k = 1;
let maks = 10;
do {
  document.writeln(`<p>Nomer : ${k}</p>`);
  k++;
} while (k < maks);

Output :

Contoh perulangan Do While
Contoh perulangan Do While
Contoh perulangan Do While
Contoh perulangan Do While
Contoh perulangan Do While
Contoh perulangan Do While
Contoh perulangan Do While
Contoh perulangan Do While
Contoh perulangan Do While
Contoh perulangan Do While

Nomer : 1
Nomer : 2
Nomer : 3
Nomer : 4
Nomer : 5
Nomer : 6
Nomer : 7
Nomer : 8
Nomer : 9