Menu
CoddyTech

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.

challenge icon

Tantangan

Mudah

Buat 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
    })
}
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