← Kembali ke kursus
Pelajaran kursus · JavaScript
Pelajaran 05

Perulangan

for, while, for-of, for-in, break/continue.

Pahami konsepnya

JavaScript punya beberapa bentuk loop. for klasik dengan penghitung: for (let i = 0; i < 5; i++). while dan do-while seperti biasa. Yang membedakan JavaScript dari Go/C#: for-of menyusuri ITERABLE (array, string, Map, Set) memberi nilai langsung; for-in menyusuri PROPERTI objek memberi nama kunci.

for-of adalah pilihan utama untuk array: for (const buah of buahList) memberi elemen, bukan indeks. Bila butuh keduanya: for (const [i, buah] of buahList.entries()). for-in HANYAU untuk objek — memakainya di array menghasilkan indeks sebagai STRING dan menyertakan properti tambahan.

break keluar dari loop, continue lompat ke iterasi berikutnya. Label break outerLoop keluar dari loop bersarang — JavaScript mendukung label.

Coba contoh kode

// for klasik
for (let i = 1; i <= 5; i++) console.log(i);

// for-of untuk array
const buah = ["apel", "mangga", "jeruk"];
for (const b of buah) console.log(b);

// entries: indeks + elemen
for (const [i, b] of buah.entries()) console.log(`${i}: ${b}`);

// for-in untuk objek
const data = { nama: "Ari", umur: 17 };
for (const kunci in data) console.log(kunci, data[kunci]);

for-of memberi NILAI (buah), for-in memberi KUNCI (nama properti). entries() menggabung keduanya dalam destructuring [i, nilai]. Jangan pakai for-in untuk array.

Latihan singkat

Uji: jumlahkan 1-100 dengan for — harus `5050`.