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

Einfach

Erstelle 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.

Spickzettel

Die map() Methode erstellt ein neues Array, indem sie eine Funktion für jedes Element im ursprünglichen Array aufruft:

let newArray = arr.map(function(currentValue, index, array) {
    // Element für newArray zurückgeben
});

Beispiel mit Arrow-Funktion:

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 und gibt immer ein neues Array der gleichen Länge zurück.

Probier es selbst

function formatNames(names) {
    return names.map(name => {
        // Schreibe deinen Code hier
    })
}

Teste dich selbst

Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.

Die Map-Methode

Spickzettel

Alle Lektionen in Logik & Ablauf