Cara Melakukan Perulangan Array di JavaScript

Memproses setiap elemen array adalah operasi paling sering di JavaScript: menampilkan daftar produk, menghitung total, atau menyaring data. JavaScript menyediakan beberapa cara, masing-masing dengan kelebihannya. Artikel ini membahas cara melakukan perulangan array di JavaScript.

forEach() untuk Aksi Sederhana

<script>
const buah = ["Apel", "Mangga", "Jeruk"];
buah.forEach(function(item, index) {
    console.log(index + ": " + item);
});
</script>

for…of untuk Kontrol Penuh

<script>
for (const item of buah) {
    if (item === "Mangga") continue; // bisa pakai break/continue
    console.log(item);
}
</script>

Contoh Kasus: Menampilkan Daftar Produk ke HTML

<script>
const produk = ["Kopi", "Teh", "Gula"];
let html = "";
produk.forEach(p => { html += "<li>" + p + "</li>"; });
document.getElementById("daftar").innerHTML = html;
</script>

map, filter, reduce (Transformasi Data)

<script>
const harga = [10000, 25000, 15000];
const total = harga.reduce((a, b) => a + b, 0);      // 50000
const mahal = harga.filter(h => h > 12000);          // [25000, 15000]
const pajak = harga.map(h => h * 1.11);              // tambah 11%
</script>

Kesimpulan

Gunakan forEach() untuk aksi sederhana dan for...of saat butuh break/continue. Untuk transformasi data, map(), filter(), dan reduce() menghasilkan kode yang lebih ekspresif.

Referensi: untuk penjelasan lebih mendalam, kunjungi dokumentasi resmi JavaScript (MDN).

Baca Juga

• Cara Melakukan Perulangan Objek di JavaScript
• Cara Menambahkan Elemen ke Array di JavaScript
• Cara Menghapus Elemen dari Array di JavaScript