Menu
Coddy logo textTech

Array-Methoden Teil 4

Teil des Abschnitts Grundlagen der JavaScript-Journey von Coddy — Lektion 69 von 77.

Hier sind noch mehr nützliche Array-Methoden:

1. map(callback): Erstellt ein neues Array, das mit den Ergebnissen des Aufrufs einer bereitgestellten Funktion für jedes Element im aufrufenden Array gefüllt ist.

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

2. filter(callback): Erstellt ein neues Array mit allen Elementen, die den von der bereitgestellten Funktion implementierten Test bestehen.

let numbers = [1, 2, 3, 4, 5];
let evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // Ausgabe: [2, 4]

3. reduce(callback, initialValue): Führt eine Reducer-Funktion für jedes Element des Arrays aus, was zu einem einzigen Ausgabewert führt.

let numbers = [1, 2, 3, 4];
let sum = numbers.reduce((acc, num) => acc + num, 0);
console.log(sum); // Ausgabe: 10
challenge icon

Aufgabe

Einfach

Gegeben ist ein Array numbers = [1, 2, 3, 4, 5]. Führe die folgenden Schritte aus und gib die Ergebnisse direkt aus:

  1. Verwende map(), um ein neues Array zu erstellen, in dem jede Zahl mit 3 multipliziert wird, und gib das Ergebnis aus.
  2. Verwende filter(), um ein neues Array zu erstellen, das nur Zahlen größer als 3 enthält, und gib das Ergebnis aus.

Spickzettel

Array-Methoden zum Transformieren und Filtern von Daten:

map(callback): Erstellt ein neues Array, indem eine Funktion auf jedes Element angewendet wird:

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

filter(callback): Erstellt ein neues Array mit Elementen, die einen Test bestehen:

let numbers = [1, 2, 3, 4, 5];
let evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // Ausgabe: [2, 4]

reduce(callback, initialValue): Reduziert ein Array auf einen einzelnen Wert:

let numbers = [1, 2, 3, 4];
let sum = numbers.reduce((acc, num) => acc + num, 0);
console.log(sum); // Ausgabe: 10

Probier es selbst

let numbers = [1, 2, 3, 4, 5];
quiz iconTeste dich selbst

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

Alle Lektionen in Grundlagen