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.
Görev
KolayArgü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
})
}
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
1Derinlemesine Stringler
String TemelleriString Üzerinde YinelemeTemplate LiteralsString MetotlarıÖzet - String Weaver4JSON Bölüm 2
JSON Üzerinde Yinelemeİç İçe Geçmiş JSONJSON Optional ChainingSığ ve Derin KopyalamaÖzet - Bisiklet MağazasıÖzet - Güneş Sistemi7Kütüphane Yönetim Sistemi
Projeye Genel BakışKitap Ekleme10Festival Sistemi Yönetimi
Projeye Genel BakışFilm ve Mekan Ekle2Çok Boyutlu Diziler
2D Dizi Temelleri2D Dizi Elemanlarına Erişme2D Dizilerle İç İçe DöngülerÖzet - 2D DizilerMatris Toplama ve ÇıkarmaDüzensiz Diziler3D Diziler ve ÖtesiYaygın 2D Dizi DesenleriÖzet - Diziler Hakkında Her Şey5Kümeler Bölüm 1
Küme Nedir?Kümeler Üzerinde YinelemeEleman EklemeEleman SilmeEleman Varlığını Kontrol EtmeBoyut ve Boş Olma DurumuKopyalama ve TemizlemeÖzet - Kümelerin Temelleri8Diziler: İlginç Konular
Dizi Yapı SökümüDizilerde Spread SözdizimiSeyrek DizilerÖzet - Diziler Workshop3JSON Bölüm 1
JSON Nedir?Anahtarın Varlığını Kontrol EtmeNesne MetotlarıSpread Operatörü Bölüm 1Spread Operatörü Bölüm 2Anahtarları KaldırmaÖzet - JSON Anahtarlarını Yönetme