DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja
Skodev
Belajar coding dalam bahasa Indonesia
Daftar Isi:
Fungsi map
di JavaScript berguna untuk memproses setiap item dalam array dan mengembalikan array baru. Ini sangat berguna untuk berbagai tugas, seperti mengubah atau memanipulasi data.
map
?map
adalah metode bawaan JavaScript yang digunakan untuk membuat array baru dengan memanggil fungsi tertentu pada setiap elemen dalam array lama. Array hasil map
akan memiliki panjang yang sama dengan array aslinya.
map
Berikut adalah sintaks dasar dari map
:
array.map(function(currentValue, index, arr), thisValue)
currentValue
: Elemen yang sedang diproses.index
: Indeks dari elemen yang sedang diproses.arr
: Array yang sedang diproses.thisValue
(opsional): Nilai yang akan digunakan sebagai this
.Contoh sederhana untuk menggandakan nilai dari setiap elemen dalam array:
const numbers = [1, 2, 3, 4];
const doubled = numbers.map(function(num) {
return num * 2;
});
console.log(doubled); // [2, 4, 6, 8]
Kamu juga bisa menggunakan arrow function untuk membuat kode lebih ringkas:
const numbers = [1, 2, 3, 4];
const doubled = numbers.map(num => num * 2);
console.log(doubled); // [2, 4, 6, 8]
Mungkin kamu bertanya-tanya apa bedanya dengan forEach
. map
mengembalikan array baru, sementara forEach
hanya mengeksekusi fungsi yang diberikan untuk setiap elemen tanpa mengembalikan apa pun.
const numbers = [1, 2, 3, 4];
numbers.forEach(num => console.log(num * 2)); // Output di console: 2, 4, 6, 8
forEach
tidak bisa digunakan jika kamu ingin membuat array baru berdasarkan elemen yang ada.
Fungsi map
di JavaScript sangat berguna untuk memproses dan memodifikasi elemen di dalam array. Dengan memahaminya, kamu bisa menulis kode yang lebih efisien dan bersih.
Semoga artikel ini membantu kamu memahami cara menggunakan map
di JavaScript!