Cara Membuat For Loop di JavaScript.

for adalah bentuk perulangan paling fleksibel di JavaScript, dengan tiga bagian utama: inisialisasi, kondisi, dan langkah perubahan — semuanya ditulis dalam satu baris.

Struktur Dasar for

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

Tiga bagian di dalam tanda kurung: let i = 0 (inisialisasi, dijalankan sekali di awal), i < 5 (kondisi, dicek tiap putaran), dan i++ (langkah, dijalankan tiap akhir putaran).

Perulangan Mundur

for (let i = 5; i > 0; i--) {
  console.log(i);
}
// 5, 4, 3, 2, 1

for…of: Perulangan untuk Array

for...of (ES6) dipakai untuk mengiterasi isi array secara langsung tanpa perlu indeks manual.

const buah = ["Apel", "Jeruk", "Mangga"];

for (const item of buah) {
  console.log(item);
}

for…in: Perulangan untuk Key Objek

const pengguna = { nama: "Rina", umur: 27, kota: "Medan" };

for (const key in pengguna) {
  console.log(`${key}: ${pengguna[key]}`);
}

for...in mengiterasi key sebuah objek, sedangkan for...of mengiterasi nilai dari struktur yang bisa diiterasi seperti array, string, atau Map.

break dan continue

for (let i = 0; i < 10; i++) {
  if (i === 3) continue; // lewati iterasi ini
  if (i === 6) break;     // hentikan loop sepenuhnya
  console.log(i);
}
// 0, 1, 2, 4, 5

Nested Loop

for (let baris = 1; baris <= 3; baris++) {
  for (let kolom = 1; kolom <= 3; kolom++) {
    console.log(`Baris ${baris}, Kolom ${kolom}`);
  }
}

Kapan Memilih Method Array Alih-alih for Loop

Untuk mengolah data array (mengubah, menyaring, atau meringkas), JavaScript modern lebih sering memakai map(), filter(), dan reduce() dibanding for biasa, karena lebih deklaratif dan mudah dibaca.

// Gaya lama
const hasilLama = [];
for (let i = 0; i < angka.length; i++) {
  hasilLama.push(angka[i] * 2);
}

// Gaya modern
const hasilBaru = angka.map((n) => n * 2);

for klasik tetap relevan untuk kasus yang butuh kontrol penuh, seperti perulangan mundur, melompati beberapa indeks sekaligus, atau berhenti lebih awal dengan break.

Kesimpulan

for klasik memberi kontrol paling detail atas iterasi, for...of cocok untuk array dan struktur iterable, sedangkan for...in khusus untuk key objek. Untuk pengolahan data array sehari-hari, method seperti map() dan filter() biasanya jadi pilihan yang lebih ringkas di kode JavaScript modern.