Map: Transformation von Arrays
Die map-Methode erstellt ein neues Array, indem sie eine Funktion auf jedes Element eines anderen Arrays anwendet. In TypeScript könnt ihr den Typ der Elemente des neuen Arrays explizit angeben, was zu einem sauberen und vorhersagbaren Code führt.
Beispiel:
const numbers: number[] = [1, 2, 3, 4, 5];
const squaredNumbers: number[] = numbers.map(num => num * num);
console.log(squaredNumbers); // Ausgabe: [1, 4, 9, 16, 25] Reduce: Akkumulation von Werten
reduce ist eine mächtige Methode, die ein Array nimmt und es auf einen einzelnen Wert reduziert. Dies kann der Summe aller Elemente, der Zusammenführung von Strings oder der Erstellung eines einzelnen Objekts aus einer Array von Objekten sein. TypeScript ermöglicht es, den Typ des Akkumulators und des Endwertes genau zu bestimmen.
Beispiel:
const numbers: number[] = [1, 2, 3, 4, 5];
const sum: number = numbers.reduce((acc: number, current: number) => acc + current, 0);
console.log(sum); // Ausgabe: 15 Filter: Selektion von Array-Elementen
Mit filter könnt ihr ein neues Array erstellen, das nur die Elemente enthält, die eine bestimmte Bedingung erfüllen. Die Verwendung von filter in TypeScript sorgt dafür, dass das resultierende Array denselben Typ wie das ursprüngliche Array hat.
Beispiel:
const numbers: number[] = [1, 2, 3, 4, 5];
const evenNumbers: number[] = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // Ausgabe: [2, 4] Kombinieren von Map, Reduce und Filter
Diese Methoden können kombiniert werden, um komplexe Datenmanipulationen in einer klaren und funktionalen Weise durchzuführen.
Beispiel:
const products: {id: number, price: number}[] = [
{id: 1, price: 100},
{id: 2, price: 200},
{id: 3, price: 300}
];
// Gesamtpreis der Produkte mit einer ID größer als 1
const totalPrice: number = products
.filter(product => product.id > 1)
.reduce((acc, product) => acc + product.price, 0);
console.log(totalPrice); // Ausgabe: 500 Fazit
Die Methoden map, reduce und filter sind essentiell für die Arbeit mit Arrays in TypeScript. Sie ermöglichen es, Operationen klar und effizient auszudrücken, ohne die Notwendigkeit für komplexe Schleifen und bedingte Anweisungen. Die zusätzliche Typsicherheit in TypeScript hilft dabei, Fehler zu vermeiden und macht den Code leichter wartbar und lesbar. Durch das Erlernen und Anwenden dieser Methoden könnt ihr eure Fähigkeiten in der funktionalen Programmierung stärken und eure TypeScript-Projekte auf die nächste Stufe bringen.