Method map
Termasuk bagian Logika dan Alur dalam perjalanan JavaScript di Coddy. Pelajaran 52 dari 65.
method map() membuat array baru yang berisi hasil pemanggilan fungsi yang diberikan pada setiap elemen dalam array pemanggil. method ini mengubah setiap elemen dan mengembalikan array baru dengan panjang yang sama.
Sintaks dasar:
let newArray = arr.map(function(currentValue, index, array) {
// kembalikan elemen untuk newArray
});Berikut contoh sederhana:
const numbers = [1, 2, 3, 4];
const doubled = numbers.map((num) => {
return num * 2;
});
console.log(doubled); // [2, 4, 6, 8]Berikut contoh yang sama dengan sintaks yang lebih singkat:
const numbers = [1, 2, 3, 4];
const doubled = numbers.map(num => num * 2);
console.log(doubled); // [2, 4, 6, 8]method map() tidak mengubah array asli. method ini selalu mengembalikan array baru.
Tantangan
MudahBuat fungsi bernama formatNames yang menerima array nama (string) sebagai argumen. Fungsi tersebut harus menggunakan method map() untuk mengubah setiap nama menjadi huruf kapital di awal setiap kata dan huruf kecil untuk sisanya. Kembalikan array baru berisi nama-nama yang sudah diformat.
Coba sendiri
function formatNames(names) {
return names.map(name => {
// Tulis kodemu di sini
})
}
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 arrayLatihan sendiri: Compiler JavaScript online