Menu
Coddy logo textTech

Map Metodu

Coddy'nin JavaScript Journey'sinin Mantık ve Akış bölümünün bir parçası — ders 52 / 65.

map() metodu, çağıran dizideki her bir öğe üzerinde sağlanan bir fonksiyonun çağrılmasının sonuçlarıyla yeni bir dizi oluşturur. Her bir öğeyi dönüştürür ve aynı uzunlukta yeni bir dizi döndürür.

Temel sözdizimi:

let newArray = arr.map(function(currentValue, index, array) {
    // newArray için öğe döndür
});

İşte basit bir örnek:

const numbers = [1, 2, 3, 4];
const doubled = numbers.map((num) => {
	return num * 2;
});
console.log(doubled); // [2, 4, 6, 8]

İşte daha kısa bir sözdizimi ile aynı örnek:

const numbers = [1, 2, 3, 4];
const doubled = numbers.map(num => num * 2);
console.log(doubled); // [2, 4, 6, 8]

map() yöntemi orijinal diziyi değiştirmez. Her zaman yeni bir dizi döndürür.

challenge icon

Görev

Kolay

Argüman olarak bir isim dizisi (stringler) alan formatNames adında bir fonksiyon oluşturun. Fonksiyon, her ismi title case (her kelimenin ilk harfi büyük, geri kalanı küçük) olacak şekilde dönüştürmek için map() metodunu kullanmalıdır. Formatlanmış isimlerden oluşan yeni diziyi döndürün.

Kopya kağıdı

map() metodu, orijinal dizideki her bir öğe üzerinde bir fonksiyon çağırarak yeni bir dizi oluşturur:

let newArray = arr.map(function(currentValue, index, array) {
    // newArray için öğe döndür
});

Arrow function (ok fonksiyonu) ile örnek:

const numbers = [1, 2, 3, 4];
const doubled = numbers.map(num => num * 2);
console.log(doubled); // [2, 4, 6, 8]

map() metodu orijinal diziyi değiştirmez ve her zaman aynı uzunlukta yeni bir dizi döndürür.

Kendin dene

function formatNames(names) {
    return names.map(name => {
        // Kodunuzu buraya yazın
    })
}
quiz iconKendini test et

Bu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.

Mantık ve Akış bölümündeki tüm dersler