Verkettung von Array-Methoden

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

Das Verkettungsprinzip (Chaining) von Arrays ermöglicht es Ihnen, mehrere Operationen auf einem Array in einer einzigen Anweisung auszufü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 die Ergebnisse auf.

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

Aufgabe

Einfach

Erstelle eine Funktion namens processFruits, die ein Array von Obst-Objekten entgegennimmt. Jedes Obst-Objekt hat die Eigenschaften name (String) und quantity (Zahl).

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"

Eine kurze Erinnerung:

Du kannst die Funktion .join(", ") verwenden, um ein Array von Strings in einen einzelnen String umzuwandeln.

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

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

Probier es selbst

function processFruits(fruits) {
  // 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.

Alle Lektionen in Logik & Ablauf

Übe selbstständig: Online-JavaScript-Compiler