Kelilingin Array Pakai ForEach, Gampang Banget!

Kelilingin Array Pakai ForEach, Gampang Banget!
Photo by Hassaan Here / Unsplash

Kalau kamu sering kerja dengan array di JavaScript, pasti ada saatnya butuh ngeloop (mengulang) semua elemennya satu per satu. Nah, salah satu cara paling simpel buat ngejalanin itu adalah dengan forEach().

Buat yang belum familiar, forEach() ini adalah metode bawaan JavaScript yang bisa dipakai buat menjalankan fungsi tertentu pada setiap elemen di dalam array. Gampang banget dan lebih bersih dibanding loop biasa kayak for atau while.

Yuk, kita bahas gimana cara pakai forEach() supaya kode kamu makin rapi dan efisien!

Apa Itu forEach()?

forEach() adalah metode pada array yang digunakan buat menjalankan fungsi pada setiap elemennya, tanpa perlu bikin loop manual.

Sintaks Dasar:

array.forEach(function(element, index, array) {
  // kode yang dijalankan
});

Parameter yang Bisa Dipakai:

  1. element → Elemen array yang sedang diproses. (Wajib)
  2. index → Indeks dari elemen saat ini. (Opsional)
  3. array → Array yang sedang diproses. (Opsional)

Cara Pakai forEach()

1. Iterasi Sederhana

Misalnya, kita punya array nama teman dan mau nampilin satu per satu.

let teman = ["Andi", "Budi", "Citra"];

teman.forEach(function(nama) {
  console.log(nama);
});

Output:

Andi
Budi
Citra

Simpel, kan? Setiap elemen dalam array bakal diproses satu per satu.

2. Pakai Arrow Function

Biar lebih ringkas, kita bisa pakai arrow function.

let angka = [1, 2, 3, 4, 5];

angka.forEach(angka => console.log(angka));

Output-nya tetap sama:

1
2
3
4
5

3. Akses Indeks dalam forEach()

Kalau butuh tahu elemen ke berapa yang sedang diproses, tambahkan parameter index.

let buah = ["Apel", "Jeruk", "Mangga"];

buah.forEach((item, index) => {
  console.log(`Buah ke-${index + 1}: ${item}`);
});

Output:

Buah ke-1: Apel
Buah ke-2: Jeruk
Buah ke-3: Mangga

4. Menggunakan forEach() buat Operasi Perhitungan

Misalnya, kita mau ngejumlahin semua angka dalam array.

let angka = [10, 20, 30, 40];
let total = 0;

angka.forEach(num => {
  total += num;
});

console.log(`Total: ${total}`);

Output:

Total: 100

5. Menguba Array (Tapi Hati-hati!)

Kita bisa mengubah nilai array dalam forEach(), tapi jangan lupa kalau forEach() tidak mengembalikan array baru.

let harga = [100, 200, 300];

harga.forEach((nilai, index, array) => {
  array[index] = nilai * 2;
});

console.log(harga);

Output:

[200, 400, 600]

Kalau butuh array baru, lebih baik pakai map().

Kapan Sebaiknya Pakai forEach()?

  • Kalau cuma butuh nge-loop tanpa mengubah array.
  • Kalau mau jalanin operasi pada setiap elemen (misal, logging, perhitungan).
  • Kalau pengen kode yang lebih rapi dan ringkas dibanding for atau while.

Kapan Jangan Pakai forEach()?

  • Kalau butuh berhenti di tengah loop (karena forEach() tidak bisa dihentikan).
  • Kalau butuh mengembalikan array baru, lebih baik pakai map().
  • Kalau mau looping dengan promise/async, lebih baik pakai for...of atau map() + Promise.all().

Kesimpulan

  • forEach() adalah metode praktis buat looping elemen di dalam array tanpa perlu for atau while.
  • Bisa digunakan buat logging, operasi perhitungan, atau modifikasi array (walaupun nggak mengembalikan array baru).
  • Simpel banget buat dipakai, apalagi kalau pakai arrow function.
  • Tapi nggak bisa dihentikan di tengah jalan dan kurang cocok buat bikin array baru.