Map Metodu

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

map() yöntemi, çağıran dizideki her öğe için sağlanan bir işlevi çağırmanın sonuçlarıyla yeni bir dizi oluşturur. Her öğ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 öğeyi 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öz dizimiyle 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 özgün diziyi değiştirmez. Her zaman yeni bir dizi döndürür.

Görev

Kolay

Bağımsız değişken olarak bir adlar dizisi (dizeler) alan formatNames adlı bir fonksiyon oluştur. Fonksiyon, her adı baş harfleri büyük, geri kalanı küçük olacak şekilde biçimlendirmek için map() yöntemini kullanmalıdır. Biçimlendirilmiş adlardan oluşan yeni diziyi döndür.

Kendin dene

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

Kendini 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

1Dizeleri Derinlemesine İnceleme

Dize Temelleri Dizeler Üzerinde Yineleme Şablon Dizeleri Dize Metotları Tekrar - Dize Dokuyucu

4JSON Bölüm 2

JSON Üzerinde Döngü Kurma İç İçe JSON JSON İsteğe Bağlı Zincirleme Yüzeysel ve Derin Kopya Tekrar - Bisikletçi Dükkânı Tekrar - Güneş Sistemi

7Kütüphane Yönetim Sistemi

Projeye Genel Bakış Kitap Ekleme

Başlığa Göre Arama

Türe Göre Filtreleme

Okundu Olarak İşaretleme

10Festival Sistemini Yönet

Proje Genel Bakışı Filmler ve Mekanlar Ekle

Kendi başına pratik yap: Online JavaScript derleyicisi