Jago JavaScript #4: Perulangan (Gak Perlu Copy-Paste Kode Berulang Kali!)

Perulangan atau Looping adalah kemampuan program untuk menjalankan blok kode yang sama selama kondisi yang ditentukan masih terpenuhi. Ini adalah salah satu kekuatan super programmer untuk mengolah data yang banyak dalam sekejap.

🧩 Apa yang Akan Dipelajari

• Memahami konsep dasar "Kenapa harus looping?".
• Menggunakan for loop untuk jumlah perulangan yang pasti.
• Menggunakan while loop untuk perulangan berdasarkan kondisi.
• Mengenal break dan continue untuk mengontrol alur perulangan.

⚙️ Persiapan

• Buka Console di browser (F12).
• Siapkan logika "Kondisi" yang sudah kita pelajari di materi Operator Perbandingan.

🚀 Langkah-Langkah

1. Si Terstruktur: for Loop

for loop biasanya dipakai kalau kita sudah tahu persis mau mengulang berapa kali. Strukturnya punya 3 bagian: Titik awal, Kondisi stop, dan Langkah jalan.

// for (awal; kondisi; langkah)
for (let i = 1; i <= 5; i++) {
    console.log("Antrian ke-" + i);
}

Penjelasan: 1. let i = 1: Kita mulai dari angka 1. 2. i <= 5: Selama i kurang dari atau sama dengan 5, jalankan kodenya. 3. i++: Setiap selesai satu putaran, tambah i sebanyak 1.

2. Si Fleksibel: while Loop

while loop lebih simpel. Dia bakal terus "hajar" selama kondisinya true. Kita biasanya pakai ini kalau gak tahu pasti kapan perulangan itu harus berhenti (misal: nunggu user input).

let energi = 3;

while (energi > 0) {
    console.log("Sedang berlari... Sisa energi: " + energi);
    energi--; // Kurangi energi tiap putaran
}
console.log("Istirahat dulu, energi habis!");

Hati-hati: Jangan lupa nambahin kode yang bisa ngerubah kondisi (seperti energi--), kalau nggak, program kamu bakal jalan selamanya (Infinite Loop) dan bikin browser hang!

3. Mengontrol Loop dengan break & continue

• break: Berhenti paksa dan keluar dari loop sekarang juga.
• continue: Lewatin putaran ini, langsung lanjut ke putaran berikutnya.

for (let i = 1; i <= 5; i++) {
    if (i === 3) {
        continue; // Angka 3 dilewati
    }
    console.log("Angka: " + i);
}

4. Implementasi Nyata: Mengintip Isi Array

Looping paling sering dipakai buat nampilin data dari daftar (Array).

let daftarBuah = ["Apel", "Mangga", "Jeruk", "Pisang"];

for (let i = 0; i < daftarBuah.length; i++) {
    console.log("Buah: " + daftarBuah[i]);
}

💡 Tips Tambahan

• Gunakan length: Saat looping array, selalu pakai .length supaya loop-nya otomatis menyesuaikan jumlah isi datanya.
• Infinite Loop: Kalau browsermu tiba-tiba "Freeze" saat ngetik while, kemungkinan besar kamu lupa kasih perintah buat bikin kondisinya jadi false. Tutup tabnya dan coba lagi!

❗ Troubleshooting

Masalah: Loop saya gak jalan sama sekali. Solusi: Cek kondisi tengahmu. Kalau kamu tulis for (let i = 1; i > 5; i++), loop gak akan jalan karena dari awal 1 itu sudah tidak lebih besar dari 5.

🎯 Kesimpulan

Kamu sekarang sudah bisa memerintah komputer untuk kerja rodi secara otomatis! for buat yang jumlahnya pasti, while buat yang kondisinya dinamis. Dengan looping, kamu sudah siap mengolah data dalam jumlah besar dengan efisien.