Perulangan For Pada JavaScript

Pada tutorial ini, Anda akan mempelajari cara menggunakan pernyataan perulangan for dalam JavaScript untuk membuat perulangan dengan berbagai opsi.

Pengantar Pernyataan Perulangan For dalam JavaScript

Pernyataan perulangan for membuat perulangan dengan tiga ekspresi opsional. Berikut adalah sintaks dari pernyataan perulangan for:

for (inisialisasi; kondisi; iterator) {
    // pernyataan
}

1. Inisialisasi

Pernyataan for menjalankan inisialisasi hanya sekali setelah perulangan dimulai. Umumnya, Anda mendeklarasikan dan menginisialisasi variabel perulangan lokal dalam inisialisasi.

2. Kondisi

Kondisi adalah ekspresi boolean yang menentukan apakah perulangan for harus mengeksekusi iterasi berikutnya.

Pernyataan for mengevaluasi kondisi sebelum setiap iterasi. Jika kondisi benar (atau tidak ada), pernyataan akan mengeksekusi iterasi berikutnya. Sebaliknya, perulangan akan berakhir.

3. Iterator

Pernyataan for menjalankan iterator setelah setiap iterasi.

Diagram alir berikut mengilustrasikan perulangan for:

[image]

Dalam perulangan for, ketiga ekspresi bersifat opsional. Berikut adalah contoh perulangan for tanpa ekspresi:

for ( ; ; ) {
    // pernyataan
}

Contoh Perulangan For dalam JavaScript

Mari kita lihat beberapa contoh penggunaan pernyataan perulangan for.

1. Contoh perulangan for sederhana dalam JavaScript

Contoh berikut menggunakan pernyataan perulangan for untuk menampilkan angka dari 1 hingga 4 di konsol:

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

Output:

1
2
3
4

Cara kerjanya:

• Pertama, deklarasikan variabel counter dan inisialisasikan nilainya menjadi 1.
• Kedua, tampilkan nilai counter di konsol jika counter kurang dari 5.
• Ketiga, tingkatkan nilai counter sebanyak satu dalam setiap iterasi perulangan.

2. Contoh penggunaan pernyataan perulangan for tanpa inisialisasi dalam JavaScript

Contoh berikut menggunakan perulangan for tanpa ekspresi inisialisasi:

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

Output:

1
3
5
7
9

3. Contoh penggunaan pernyataan perulangan for tanpa kondisi dalam JavaScript

Seperti ekspresi inisialisasi, ekspresi kondisi bersifat opsional. Jika Anda menghilangkan ekspresi kondisi, Anda perlu menggunakan pernyataan break untuk mengakhiri perulangan.

for (let j = 1; ; j += 2) {
  console.log(j);
  if (j > 10) {
    break;
  }
}

Output:

1
3
5
7
9
11

4. Contoh penggunaan pernyataan perulangan for tanpa ekspresi dalam JavaScript

Ketiga ekspresi pernyataan perulangan for bersifat opsional. Oleh karena itu, Anda dapat menghilangkan semuanya. Contohnya:

let j = 1;
for (;;) {
  if (j > 10) {
    break;
  }
  console.log(j);
  j += 2;
}

Output:

1
3
5
7
9

5. Contoh penggunaan pernyataan perulangan for tanpa tubuh perulangan dalam JavaScript

JavaScript memungkinkan pernyataan for memiliki pernyataan kosong. Dalam hal ini, letakkan titik koma (;) langsung setelah pernyataan for.

Sebagai contoh, berikut menggunakan perulangan for untuk menghitung jumlah dari 10 angka dari 1 hingga 10:

let sum = 0;
for (let i = 0; i <= 9; i++, sum += i);
console.log(sum);

Output:

55

Ringkasan

Gunakan pernyataan for dalam JavaScript untuk membuat perulangan yang mengeksekusi blok kode dengan berbagai opsi.