Petakan
Pelajaran 13 dari 18 dalam kursus Metode array di JavaScript di Coddy.
map() adalah method bawaan untuk array yang bekerja seperti mesin transformasi. Method ini menelusuri setiap elemen dalam array dan menerapkan fungsi yang kamu tentukan (fungsi callback) ke setiap elemen. Fungsi ini dapat mengubah, mentransformasi, atau membuat sesuatu yang sepenuhnya baru berdasarkan elemen aslinya. Hasil transformasi ini kemudian digunakan untuk mengisi array yang benar-benar baru.
Bayangkan kamu memiliki list harga produk (angka) dan ingin membuat list baru yang menampilkan harga diskon (elemen yang telah ditransformasi). Berikut cara kerja map():
const prices = [10, 15, 20, 25];
// Fungsi callback untuk menerapkan diskon 10%
const discountedPrices = prices.map(price => price * 0.9);
console.log(discountedPrices); // output: [9, 13.5, 18, 22.5]Pada contoh di atas, map() digunakan untuk membuat array baru discountedPrices yang berisi harga dengan diskon 10%. Method map() menelusuri prices dan menerapkan perhitungan diskon (price * 0.9) pada setiap item, sehingga menghasilkan harga diskon dalam array baru.
Tantangan
MudahKamu diberi array inventory berisi angka yang menunjukkan jumlah barang dalam stok.
Tugasmu adalah menulis kode JavaScript yang membuat list baru berisi jumlah setiap barang yang digandakan, lalu mencatat list yang telah diperbarui.
Coba sendiri
const inventory = [5, 3, 2, 1];
// Tulis kodemu di siniSemua pelajaran di Metode array di JavaScript
1Apa yang akan kamu pelajari?
Method array di JSLatihan sendiri: Compiler JavaScript online