Kursus IT Dasar JavaScript 042_Perulangan while, for

Pernyataan perulangan adalah metode untuk mengeksekusi blok kode secara berulang. JavaScript menyediakan berbagai jenis pernyataan perulangan seperti while, do-while, for, dll. Tubuh perulangan yang lengkap mencakup: ekspresi inisialisasi, kondisi perulangan, dan iterator.

Perulangan `while`

Perulangan while digunakan untuk mengeksekusi segmen kode secara berulang selama kondisi adalah true. Eksekusi tunggal dari tubuh perulangan disebut satu iterasi. Setiap ekspresi atau variabel dapat menjadi kondisi perulangan, kondisi perulangan akan dievaluasi dan hasilnya akan dikonversi menjadi nilai boolean. Mirip dengan if, jika tubuh perulangan hanya memiliki satu pernyataan, kurung kurawal {…} juga dapat dihilangkan, tetapi ini tidak disarankan. Sebelum setiap iterasi, kondisi akan diperiksa.

Contoh:

1
let i = 0; // Ekspresi inisialisasi, biasanya digunakan untuk mendeklarasikan variabel penghitung, jika tidak ada akan melaporkan undefined
2
while (i < 5) { // Kondisi perulangan, jika `true`, perulangan akan terus dieksekusi
3
  console.log(i);
4
  i++; // Iterator, biasanya digunakan untuk memperbarui variabel penghitung dan mencocokkan kondisi perulangan
5
}

Contoh perulangan tak terbatas:

1
let i = 0;
2
  while (1) { // Kondisi selalu true akan masuk ke perulangan tak terbatas
3
    console.log(i);
4
    i++; // Biasanya berlaku untuk bentuk pembaruan penghitung ini pada kondisi perulangan
5
    if (i >= 5) break;  // Komentari ini untuk masuk ke mode perulangan tak terbatas
6
}

Perulangan `do-while`

Perulangan do-while mirip dengan perulangan while, tetapi ia mengeksekusi tubuh perulangan sekali terlebih dahulu, kemudian memeriksa apakah kondisi adalah true. Jika kondisi benar, ia melanjutkan mengeksekusi tubuh perulangan. Perhatikan skenario penggunaan: gunakan do-while hanya ketika tubuh perulangan harus dieksekusi setidaknya sekali, terlepas dari apakah kondisi benar atau tidak. Untuk skenario lain, perulangan while direkomendasikan. Setelah setiap iterasi, kondisi akan diperiksa.

Contoh:

1
let i = 0;
2
do {
3
  console.log(i);
4
  i++;
5
} while (i < 5);

Perulangan `for`

Perulangan for adalah struktur perulangan yang lebih kompleks tetapi juga paling umum diterapkan, digunakan untuk mengeksekusi segmen kode secara berulang. Perulangan for mencakup tiga bagian: ekspresi inisialisasi, kondisi perulangan, dan iterator. Berikut adalah sintaks dasar perulangan for: Sebelum setiap iterasi, kondisi akan diperiksa, pengaturan lain dapat digunakan.

Contoh:

1
for (let i = 0; i < 5; i++) {
2
  console.log(i);
3
}

Contoh perulangan tak terbatas:

1
let i = 0;
2
  for ( ; ; ) { // Ketika semua kondisi dihilangkan, akan masuk ke perulangan tak terbatas
3
    console.log(i);
4
    i++; // Biasanya berlaku untuk bentuk pembaruan penghitung ini pada kondisi perulangan
5
  if (i >= 5) break;  // Komentari ini untuk masuk ke mode perulangan tak terbatas
6
}

Menghilangkan segmen pernyataan

Dalam perulangan for, ekspresi inisialisasi, kondisi perulangan, atau iterator dapat dihilangkan, satu atau beberapa, tetapi titik koma ; harus dipertahankan. Titik koma digunakan untuk memisahkan setiap bagian, ketika menghilangkan satu bagian, titik koma yang sesuai masih perlu dipertahankan.

Contoh:

1
let x = 0;
2
for (; x < 5; x++) {
3
  console.log(x);
4
}
5
// Ekspresi inisialisasi dihilangkan dan dipindahkan ke luar perulangan, perulangan tetap valid
6

7
let y = 0;
8
for (;; y++) {
9
  if (y >= 5) {
10
    break;
11
  }
12
  console.log(y);
13
}
14
// Kondisi perulangan dihilangkan, perulangan diakhiri melalui pernyataan `if` dan `break`
15

16
let z = 0;
17
for (; z < 5;) {
18
  console.log(z);
19
  z++;
20
}
21
// Iterator dihilangkan dan dipindahkan ke tubuh perulangan, perulangan tetap valid

Perulangan bersarang

Perulangan bersarang berarti di dalam tubuh perulangan terdapat struktur perulangan lengkap lainnya. Setiap kali perulangan luar dieksekusi, perulangan dalam akan dieksekusi sekali secara lengkap.

Contoh segitiga siku-siku:

1
// Contoh A
2
for (let i = 1; i <= 5; i++) { // Perulangan luar, mengontrol jumlah baris, dari 1 hingga 5.
3
  let row = ''; // Setiap kali perulangan luar dieksekusi, string kosong `row` dibuat untuk menyimpan bintang dari baris saat ini.
4
  for (let j = 1; j <= i; j++) { // Perulangan dalam, mengontrol jumlah bintang per baris, dari 1 hingga nomor baris saat ini `i`.
5
    row += '⭐ '; // Menambahkan bintang ke `row`, membentuk string bintang dari baris saat ini.
6
  }
7
  console.log(row); // Menampilkan string bintang dari baris saat ini.
8
}

1
// Contoh B
2
for (let i = 1; i <= 5; i++) { // Perulangan luar mewakili jumlah baris
3
    for (let j = 1; j <= i; j++) { // Perulangan dalam mewakili kolom
4
        document.write('⭐'); // Menggunakan bintang sebagai elemen grafis
5
    }
6
    document.write('</br>'); // Baris baru
7
}

Contoh segitiga terbalik:

1
// Contoh A
2
for (let i = 5; i >= 1; i--) { // Perulangan luar, mengontrol jumlah baris, dari 1 hingga 5.
3
  let row = ''; // Setiap kali perulangan luar dieksekusi, string kosong `row` dibuat untuk menyimpan bintang dari baris saat ini.
4
  for (let j = 1; j <= i; j++) { // Perulangan dalam, mengontrol jumlah bintang per baris, dari 1 hingga nomor baris saat ini `i`.
5
    row += '* ';  // Menambahkan bintang ke `row`, membentuk string bintang dari baris saat ini.
6
  }
7
  console.log(row);  // Menampilkan string bintang dari baris saat ini.
8
}

1
// Contoh B
2
for (let i = 1; i <= 5; i++) { // Perulangan luar mewakili jumlah baris
3
    for (let j = 0; j <= 5 - i; j++) { // Perulangan dalam mewakili kolom
4
        document.write('⭐'); // Menggunakan bintang sebagai elemen grafis
5
    }
6
    document.write('</br>'); // Baris baru
7
}

`break` mengakhiri (menghentikan, keluar) perulangan

break digunakan untuk mengakhiri (menghentikan, keluar dari) perulangan saat ini atau pernyataan switch. Jika tidak ada break, ia akan melanjutkan mengeksekusi case berikutnya (yaitu terjadi fenomena “penetrasi”).

Kombinasi “perulangan tak terbatas + break” cocok untuk situasi di mana tidak perlu memeriksa kondisi di awal/akhir perulangan, tetapi perlu memeriksa kondisi di tengah atau bahkan di beberapa posisi dalam tubuh.

Contoh:

1
let count = 0;
2
while (true) {
3
  console.log("Dalam perulangan...");
4
  // Mensimulasikan kondisi tertentu, ketika terpenuhi keluar dari perulangan
5
  if (count === 5) {
6
    console.log("Kondisi terpenuhi, keluar dari perulangan");
7
    break;
8
  }
9
  count++;
10
}

`continue` melanjutkan ke iterasi berikutnya (melewati yang sekarang)

continue digunakan untuk mengakhiri iterasi saat ini secara prematur dalam perulangan dan melanjutkan ke iterasi berikutnya. continue adalah “versi ringan” dari break. Ia tidak menghentikan seluruh perulangan, tetapi hanya menghentikan iterasi saat ini dan memaksa memulai iterasi baru (jika kondisi memungkinkan).

Contoh:

1
for (let i = 0; i < 8; i++) {
2
    if (i % 2 === 0) {
3
        continue; // Ketika i modulo 2 sama dengan 0, melewati iterasi saat ini dan melanjutkan ke iterasi berikutnya
4
    }
5
    console.log(i);
6
}

Perulangan while

Perulangan do-while

Perulangan for

Menghilangkan segmen pernyataan

Perulangan bersarang

break mengakhiri (menghentikan, keluar) perulangan

continue melanjutkan ke iterasi berikutnya (melewati yang sekarang)

Komentar

Perulangan `while`

Perulangan `do-while`

Perulangan `for`

`break` mengakhiri (menghentikan, keluar) perulangan

`continue` melanjutkan ke iterasi berikutnya (melewati yang sekarang)