Verkettung von Array-Methoden

Teil des Abschnitts Logik & Ablauf der JavaScript-Journey von Coddy — Lektion 55 von 65.

Das Verketten von Arrays ermöglicht es Ihnen, mehrere Operationen an einem Array in einer einzigen Anweisung durchzuführen. Dieser Ansatz kann Ihren Code prägnanter und lesbarer machen.

Hier ist ein Beispiel für das Verketten von Array-Methoden:

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

const result = numbers
  .filter(num => num % 2 === 0)
  .map(num => num * 2)
  .reduce((sum, num) => sum + num, 0);

console.log(result); // 60

In diesem Beispiel beginnen wir mit einem Array von Zahlen, filtern die ungeraden Zahlen heraus, verdoppeln jede verbleibende Zahl und summieren dann die Ergebnisse auf.

Die Reihenfolge der Verkettung ist wichtig. Jede Methode in der Kette operiert auf dem Ergebnis der vorherigen Methode.

Aufgabe

Einfach

Erstellen Sie eine Funktion namens processFruits, die ein Array von Frucht-Objekten entgegennimmt. Jedes Frucht-Objekt hat die Eigenschaften name (String) und quantity (Number).

Die Funktion sollte verkettete Array-Methoden verwenden, um:

Früchte mit einer quantity von 0 herauszufiltern
Jeden Frucht-Namen in Großbuchstaben umzuwandeln
Einen String zu erstellen, der alle Früchte mit ihren Mengen auflistet, wie "APPLE: 5, BANANA: 3"

Zur Erinnerung:

Sie können die Funktion .join(", ") verwenden, um ein Array von Strings in einen einzelnen String umzuwandeln.

Es ist möglich, sogar die .join()-Funktion zu verketten:

arr.filter(...)
   .map(...)
   .join(...)

Spickzettel

Das Verketten von Array-Methoden ermöglicht es Ihnen, mehrere Operationen auf einem Array in einer einzigen Anweisung auszuführen, was den Code prägnanter und lesbarer macht.

Jede Methode in der Kette operiert auf dem Ergebnis der vorherigen Methode:

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

const result = numbers
  .filter(num => num % 2 === 0)
  .map(num => num * 2)
  .reduce((sum, num) => sum + num, 0);

console.log(result); // 60

Sie können auch die .join()-Methode verketten, um ein Array in einen String umzuwandeln:

arr.filter(...)
   .map(...)
   .join(", ")

Probier es selbst

function processFruits(fruits) {
  // Schreibe hier deinen Code
}

Teste dich selbst

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

Verkettung von Array-Methoden

Spickzettel

Alle Lektionen in Logik & Ablauf