Die Map-Methode
Teil des Abschnitts Logik & Ablauf der JavaScript-Journey von Coddy. Lektion 52 von 65.
Die map()-Methode erstellt ein neues Array mit den Ergebnissen des Aufrufs einer bereitgestellten Funktion für jedes Element im aufrufenden Array. Sie transformiert jedes Element und gibt ein neues Array der gleichen Länge zurück.
Grundlegende Syntax:
let newArray = arr.map(function(currentValue, index, array) {
// Rückgabeelement für newArray
});Hier ist ein einfaches Beispiel:
const numbers = [1, 2, 3, 4];
const doubled = numbers.map((num) => {
return num * 2;
});
console.log(doubled); // [2, 4, 6, 8]Hier ist das gleiche Beispiel mit einer kürzeren Syntax:
const numbers = [1, 2, 3, 4];
const doubled = numbers.map(num => num * 2);
console.log(doubled); // [2, 4, 6, 8]Die map() Methode ändert das ursprüngliche Array nicht. Sie gibt immer ein neues Array zurück.
Aufgabe
EinfachErstelle eine Funktion namens formatNames, die ein Array von Namen (Strings) als Argument entgegennimmt. Die Funktion sollte die Methode map() verwenden, um jeden Namen so zu transformieren, dass er im Title Case vorliegt (der erste Buchstabe jedes Wortes großgeschrieben, der Rest kleingeschrieben). Gib das neue Array mit den formatierten Namen zurück.
Probier es selbst
function formatNames(names) {
return names.map(name => {
// Schreibe deinen Code hier
})
}
Teste dich selbstDiese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.
Alle Lektionen in Logik & Ablauf
1Strings im Detail
Grundlagen von StringsStrings durchlaufenTemplate LiteralsString-MethodenRückblick – String-Weber4JSON Teil 2
JSON durchlaufenVerschachteltes JSONOptionale Verkettung in JSONFlache und tiefe KopieWiederholung – FahrradgeschäftWiederholung – Sonnensystem7Bibliotheksverwaltungssystem
ProjektübersichtBücher hinzufügen
Nach Titel suchenNach Genre filternAls gelesen markieren2Mehrdimensionale Arrays
Grundlagen von 2D-ArraysZugriff auf Elemente von 2D-ArraysVerschachtelte Schleifen mit 2D-ArraysWiederholung – 2D-ArraysMatrixaddition und -subtraktionZackige Arrays3D-Arrays und darüber hinausHäufige Muster bei 2D-ArraysWiederholung – Alles über Arrays5Mengen – Teil 1
Was ist eine Menge?Mengen durchlaufenEin Element hinzufügenEin Element entfernenPrüfen, ob ein Element vorhanden istGröße und LeerstatusKopieren und LeerenRückblick – Grundlagen von Mengen8Interessante Themen zu Arrays
Destrukturierung von ArraysSpread-Syntax in ArraysDünn besetzte ArraysRückblick – Workshop zu Arrays3JSON Teil 1
Was ist JSON?Prüfen, ob ein Schlüssel vorhanden istObjektmethodenSpread-Operator Teil 1Spread-Operator Teil 2Schlüssel entfernenRückblick – JSON-Schlüssel bearbeitenÜbe selbstständig: Online-JavaScript-Compiler