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.
Pelajaran ini berisi kuis singkat. Mulai pelajarannya untuk menjawab kuis dan melacak progresmu.
Semua pelajaran di Logika dan Alur
1Mendalami string
Dasar-dasar stringIterasi pada stringTemplate LiteralsMethod stringRangkuman: Perangkai string4JSON Bagian 2
Menelusuri JSONJSON BersarangOptional Chaining pada JSONSalinan Dangkal dan MendalamUlasan: Toko SepedaUlasan: Tata Surya7Sistem Manajemen Perpustakaan
Ikhtisar ProyekMenambahkan Buku2Array Multidimensi
Dasar-Dasar Array 2DMengakses Elemen Array 2DLoop Bersarang dengan Array 2DRingkasan: Array 2DPenjumlahan dan Pengurangan MatriksArray BergerigiArray 3D dan SeterusnyaPola Umum Array 2DRingkasan: Semua tentang Array5set Bagian 1
Apa Itu set?Melakukan Perulangan pada setMenambahkan ElemenMenghapus ElemenMemeriksa Apakah Elemen AdaUkuran dan Apakah KosongMenyalin dan MengosongkanRangkuman: Dasar-Dasar set8Topik Menarik tentang array
Membongkar arraySintaks spread pada arrayArray renggangRekap: Lokakarya array3JSON Bagian 1
Apa Itu JSON?Periksa Apakah Kunci AdaMethod objectOperator Spread Bagian 1Operator Spread Bagian 2Hapus KunciRangkuman: Memanipulasi Kunci JSON6set Bagian 2
Matematika, Gabungan setMatematika, Irisan setMatematika, Selisih setSelisih SimetrisSubset dan SupersetUlasan, Kelompokkan Teman9Method array tingkat lanjut
Method join & splitMethod mapMethod filterMethod reduceMerangkai method arrayApakah forEach dan map sama?Method sortMethod find & findIndexRangkuman: Ahli MerangkaiLatihan sendiri: Compiler JavaScript online