Menu
CoddyTech

Apakah forEach dan map sama?

Termasuk bagian Logika dan Alur dalam perjalanan JavaScript di Coddy. Pelajaran 56 dari 65.

Meskipun forEach() dan map() sama-sama method array yang digunakan untuk iterasi, keduanya memiliki tujuan yang berbeda dan perilaku yang khas:

forEach():

  • Menjalankan fungsi yang diberikan satu kali untuk setiap elemen array.
  • Tidak membuat array baru.
  • Mengembalikan undefined.
  • Tidak dapat dirangkai dengan method array lainnya.

map():

  • Membuat array baru dengan hasil pemanggilan fungsi yang diberikan pada setiap elemen dalam array.
  • Mengembalikan array baru dengan panjang yang sama seperti array asli.
  • Dapat dirangkai dengan method array lainnya.

Contoh:

const numbers = [1, 2, 3, 4];

// forEach
numbers.forEach(num => console.log(num * 2));
// Menampilkan di log: 2, 4, 6, 8
// Mengembalikan: undefined
// map
const doubled = numbers.map(num => num * 2);
console.log(doubled);
// Output: [2, 4, 6, 8]
// Mengembalikan: array baru [2, 4, 6, 8]

Gunakan forEach() saat kamu ingin melakukan operasi pada setiap elemen tanpa membuat array baru. Gunakan map() saat kamu ingin mengubah setiap elemen dan membuat array baru berisi hasilnya.

Coba sendiri

Pelajaran ini tidak memiliki tantangan kode.

quiz iconUji dirimu

Pelajaran ini berisi kuis singkat. Mulai pelajarannya untuk menjawab kuis dan melacak progresmu.

Semua pelajaran di Logika dan Alur

Latihan sendiri: Compiler JavaScript online