September 17, 2026

Cara Menggunakan Metode Array: Iteration Methods.

Cara memakai method iterasi array modern di JavaScript seperti forEach, map, filter, reduce, dan find untuk mengolah data secara deklaratif.

Iteration method adalah kelompok method array yang menerima sebuah fungsi (callback) untuk dijalankan pada setiap elemennya. Method-method ini adalah cara paling umum untuk mengolah data di JavaScript modern, menggantikan perulangan for tradisional pada banyak kasus.

forEach(): Menjalankan Aksi per Elemen

const angka = [1, 2, 3];

angka.forEach((n) => console.log(n * 2));
// 2
// 4
// 6

forEach() tidak menghasilkan array baru, hanya menjalankan fungsi untuk efek samping seperti mencetak ke konsol.

map(): Mengubah Setiap Elemen

const harga = [10000, 20000, 30000];
const hargaDenganPajak = harga.map((h) => h * 1.11);

console.log(hargaDenganPajak); // [11100, 22200, 33300]

map() selalu mengembalikan array baru dengan panjang yang sama seperti array asal.

filter(): Menyaring Elemen

const produk = [
  { nama: "Sepatu", stok: 5 },
  { nama: "Tas", stok: 0 },
  { nama: "Topi", stok: 12 },
];

const tersedia = produk.filter((p) => p.stok > 0);
console.log(tersedia); // Sepatu dan Topi

find() dan findIndex()

const ditemukan = produk.find((p) => p.nama === "Tas");
const posisi = produk.findIndex((p) => p.nama === "Tas");

find() mengembalikan elemen pertama yang cocok, findIndex() mengembalikan posisinya.

reduce(): Meringkas Array Jadi Satu Nilai

const total = harga.reduce((jumlah, h) => jumlah + h, 0);
console.log(total); // 60000

reduce() sangat berguna untuk menjumlahkan, menggabungkan, atau membangun struktur data baru dari sebuah array.

some() dan every()

const adaStokKosong = produk.some((p) => p.stok === 0);  // true
const semuaAdaStok = produk.every((p) => p.stok > 0);    // false

Menggabungkan Beberapa Method

Keunggulan iteration method adalah bisa dirangkai (chaining) untuk membentuk alur pengolahan data yang deklaratif dan mudah dibaca.

const totalStokTersedia = produk
  .filter((p) => p.stok > 0)
  .reduce((jumlah, p) => jumlah + p.stok, 0);

console.log(totalStokTersedia); // 17

Kesimpulan

map, filter, reduce, dan find adalah method iterasi yang paling sering dipakai dalam JavaScript modern karena membuat kode lebih deklaratif dibanding perulangan for manual. Menguasai keempatnya adalah salah satu langkah paling penting untuk menulis JavaScript yang bersih dan mudah dipahami.

Hey! I’m Fanny, the software engineer tending to this digital garden. You can read more about me, or subscribe by email.

Comments