Penguasaan DataMinggu, 25 Januari 2026

Metode Array Modern

Map, Filter, dan Reduce dijelaskan.

Iklan

Dukung JS Fruggal dengan melihat sponsor kami.

Berhenti menulis loop for. JS modern mengandalkan metode pemrograman fungsional: Map, Filter, dan Reduce.

The Pipeline (Chaining)

Kekuatan Clean Code

Anda dapat menyambungkan metode seperti batu bata Lego. Output dari satu metode menjadi input untuk metode berikutnya.

const produk = [
  { nama: "Laptop", harga: 1000, stok: true },
  { nama: "HP", harga: 500, stok: false },
  { nama: "Tablet", harga: 300, stok: true }
];

// Tujuan: Hitung total nilai barang yang tersedia
const totalNilai = produk
  .filter(item => item.stok)       // 1. Hapus yang stok kosong
  .map(item => item.harga)            // 2. Ambil harganya saja
  .reduce((acc, harga) => acc + harga, 0); // 3. Jumlahkan

console.log(totalNilai); // 1300 (1000 + 300)

Map vs ForEach

Gunakan map ketika Anda ingin membuat array baru. Gunakan forEach ketika Anda hanya ingin melakukan sesuatu (seperti log ke konsol) dan tidak mengembalikan apa pun.

Iklan

Dukung JS Fruggal dengan melihat sponsor kami.