Kelilingin Array Pakai ForEach, Gampang Banget!
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:
element
→ Elemen array yang sedang diproses. (Wajib)index
→ Indeks dari elemen saat ini. (Opsional)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
atauwhile
.
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
ataumap()
+Promise.all()
.
Kesimpulan
forEach()
adalah metode praktis buat looping elemen di dalam array tanpa perlufor
atauwhile
.- 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.