forEach Array JavaScript: Pengertian, Sintaks, Contoh
Irhan Hisyam Dwi Nugroho
•
10 September 2025
•
313
Dalam JavaScript, penggunaan foreach array JavaScript menjadi cara populer untuk memproses data dalam array. Metode ini praktis digunakan saat ingin menjalankan aksi pada setiap elemen.
Metode forEach memungkinkan kita menjalankan fungsi tanpa perlu membuat loop manual. Simpel, efisien, dan mudah dibaca.
Yuk simak penjelasan lengkap tentang forEach, mulai dari pengertian, sintaks, parameter, hingga contoh penggunaannya.
Apa itu forEach Array JavaScript?
forEach adalah metode bawaan pada array di JavaScript yang digunakan untuk menjalankan fungsi tertentu pada setiap elemen array, satu per satu.
Metode ini sangat membantu saat kamu ingin melakukan sesuatu terhadap setiap item dalam array tanpa harus membuat loop seperti for atau while.
Berbeda dengan metode lain seperti map, forEach tidak mengembalikan nilai baru—fungsinya murni untuk mengeksekusi aksi.
Karena itu, forEach cocok digunakan saat kamu ingin melakukan efek samping, seperti mencetak ke konsol atau mengubah variabel di luar fungsi.
Baca juga: Panduan Memilih Bootcamp Full Stack Developer yang Tepat
Sintaks Dasar forEach
Setelah memahami apa itu forEach, sekarang kita masuk ke cara penulisannya. Sintaks dasar forEach sebenarnya cukup sederhana dan mudah diingat, bahkan untuk pemula.
Sintaks Dasar:
array.forEach(function(currentValue, index, array) { // aksi yang dijalankan untuk setiap elemen }); |
Atau bisa juga ditulis lebih ringkas menggunakan arrow function:
array.forEach((currentValue, index, array) => { // aksi yang dijalankan }); |
Penjelasan:
- currentValue adalah elemen array yang sedang diproses.
- index (opsional) menunjukkan posisi elemen dalam array.
- array (opsional) adalah array itu sendiri yang sedang diiterasi.
Baca juga: Ingin Belajar Front End Development? Cek Roadmapnya di sini!
Parameters dalam forEach
Berikut adalah tabel parameters dalam forEach JavaScript yang sudah disesuaikan dari gambar:
Parameter | Deskripsi |
callback | Fungsi yang dijalankan pada setiap elemen array. |
element | Elemen saat ini yang sedang diproses dalam array. |
index (opsional) | Indeks dari elemen saat ini. Index dimulai dari 0. |
array (opsional) | Array yang sedang digunakan dalam forEach(). |
thisArg (opsional) | Nilai yang akan digunakan sebagai this saat menjalankan callback. |
Baca juga: 12 Bahasa Pemrograman Front End Teratas & Terpopuler 2024
