Lompat ke konten utama

JavaScript dari Nol

Pelajaran 17 dari 22

Array, objek, dan perulangan · Pelajaran 17

map, filter, dan reduce

Tujuan: Pengguna dapat mengubah, menyaring, dan meringkas array dengan tiga method dasarnya.

±8 menitDiperiksa 2026-09-22

Method map menghasilkan array baru dengan panjang sama, berisi hasil fungsi untuk setiap isi. Method filter menghasilkan array baru berisi isi yang membuat fungsinya bernilai true. Method reduce meringkas seluruh isi menjadi satu nilai.

const harga = [15000, 4000, 25000];

console.log(harga.map((h) => h * 2));        // [30000, 8000, 50000]
console.log(harga.filter((h) => h > 10000)); // [15000, 25000]
console.log(harga.reduce((jumlah, h) => jumlah + h, 0)); // 44000

Argumen kedua reduce adalah nilai awal penampungnya. Untuk penjumlahan, nilai awalnya 0. Ketiga method ini tidak mengubah array aslinya.

Selesaikan latihannya dulu untuk menandai pelajaran ini selesai.

Lanjutkan ke

Sumber

Materi kelas ini diadaptasi dari Microsoft Web Dev for Beginners (2-js-basics, 4-typing-game, 7-bank-project) (MIT), Exercism — jalur JavaScript (MIT). Rincian perubahan ada di halaman kelas.