Zusammenfassung: Arrays und Tupel

Teil des Abschnitts Einführung in TypeScript der JavaScript-Journey von Coddy. Lektion 21 von 73.

Aufgabe

Einfach

Erstelle eine Funktion namens addToShoppingList, die zwei Parameter entgegennimmt: ein Tupel vom Typ [string, number], das einen Artikel (Name und Menge) darstellt, und ein Array von Zeichenfolgen, das die aktuelle Einkaufsliste darstellt.

Die Funktion soll den Artikelnamen aus dem Tupel extrahieren und ihn zum Array der Einkaufsliste hinzufügen. Die Funktion soll die aktualisierte Einkaufsliste als neues Array zurückgeben (ohne das ursprüngliche Array zu verändern).

Teste deine Funktion mit den folgenden Daten:

Erstelle ein Tupel namens groceryItem mit den Werten "apples" und 5
Erstelle ein Array namens currentList mit den Werten ["bread", "milk", "eggs"]
Rufe deine Funktion mit diesen Parametern auf und speichere das Ergebnis in einer Variablen namens updatedList

Gib die aktualisierte Einkaufsliste in der Konsole aus.

Teste die Funktion anschließend erneut mit:

Erstelle ein weiteres Tupel namens bakeryItem mit den Werten "cookies" und 2
Rufe deine Funktion mit der updatedList aus dem vorherigen Schritt und dem neuen bakeryItem auf
Speichere dieses Ergebnis in einer Variablen namens finalList

Gib die endgültige Einkaufsliste in der Konsole aus.

Probier es selbst

// TODO: Schreibe deinen Code hier
// Erstelle die Funktion addToShoppingList, die ein Tupel und ein Array als Parameter entgegennimmt

// Testdaten
const groceryItem: [string, number] = ["apples", 5];
const currentList: string[] = ["bread", "milk", "eggs"];

// TODO: Rufe deine Funktion auf und speichere das Ergebnis in updatedList

// TODO: Gib die aktualisierte Einkaufsliste aus

// Zweiter Test
const bakeryItem: [string, number] = ["cookies", 2];

// TODO: Rufe deine Funktion erneut mit updatedList und bakeryItem auf, speichere das Ergebnis in finalList

// TODO: Gib die endgültige Einkaufsliste aus