KuloDev
1 Hari
0 XP
intermediate15 menitModul: 03-loops-iteration

Iterasi Koleksi Modern: For-Of, ForEach, & Map

Cara modern melintasi elemen dalam array atau kumpulan data tanpa harus mengelola variabel counter indeks secara manual.

1. For-Of: Iterasi Nilai yang Bersih

Menggunakan `for (let i = 0; i < arr.length; i++)` sering kali rawan kesalahan penulisan indeks (off-by-one error). Pola `for...of` (di JS/Python/Go) memungkinkan kita mengakses langsung setiap elemen di dalam kumpulan data secara elegan.

Iterasi Koleksi Data
1const bahasa = ["JavaScript", "Python", "Go", "Rust"];
2
3for (const item of bahasa) {
4 console.log("Belajar: " + item);
5}

2. Functional Iterators: Map & Filter

Dalam gaya pemrograman deklaratif modern, kita sering menggunakan metode bawaan array seperti `.map()` untuk mentransformasi setiap data, dan `.filter()` untuk menyaring data yang memenuhi syarat.

Transformasi Array dengan Map & Filter
javascript
1const harga = [10000, 25000, 50000, 80000];
2
3// 1. Gandakan harga dengan .map()
4const hargaDiskon = harga.map((h) => h * 0.9); // Diskon 10%
5console.log(hargaDiskon); // [9000, 22500, 45000, 72000]
6
7// 2. Ambil hanya harga yang di atas 30000 dengan .filter()
8const hargaMahal = harga.filter((h) => h > 30000);
9console.log(hargaMahal); // [50000, 80000]
Kuis Pemahaman
+10 XP

Metode array `.map()` di JavaScript digunakan untuk apa?

Selesaikan Materi Ini?

Dapatkan +25 XP dan simpan progres belajarmu.