In TypeScript können Sie, wie auch in JavaScript, Arrays verwenden, um mehrere Werte des gleichen Typs zu speichern. Der Unterschied liegt in der Möglichkeit, den Typ der Elemente, die im Array gespeichert werden, explizit anzugeben. Dies erhöht die Sicherheit und Vorhersagbarkeit beim Arbeiten mit Arrays.
1. Mit dem Array-Schlüsselwort:
let list: Array<number> = [1, 2, 3];Hier wird Array<number> verwendet, um ein Array
von Zahlen zu deklarieren, wobei number der generische Typ
ist.
2. Mit der eckigen Klammer-Syntax:
let list: number[] = [1, 2, 3];Diese kürzere Syntax ist äquivalent zur vorherigen und typisiert das
Array als number[].
TypeScript gibt einen Fehler aus, wenn Sie versuchen, einen inkompatiblen Typ in das Array einzufügen:
let list: number[] = [1, 2, 3];
list.push('4'); // Error: 'string' ist nicht zuweisbar zum Typ 'number'.Durch die Verwendung von Union-Typen können Sie Arrays mit verschiedenen Typen erstellen:
let mixed: (number | string)[] = [1, 'two', 3];Mit readonly können Sie Arrays definieren, die nicht
modifiziert werden dürfen:
let immutableNumbers: readonly number[] = [1, 2, 3];TypeScript kann den Typ der Array-Elemente automatisch ableiten:
let numbers = [1, 2, 3]; // Typinferenz als 'number[]'TypeScript unterstützt auch mehrdimensionale Arrays:
let matrix: number[][] = [[1, 2, 3], [4, 5, 6]];Arrays können Objekte oder Interfaces beinhalten, um komplexe Datenstrukturen zu bilden:
interface User {
id: number;
name: string;
}
let users: User[] = [
{ id: 1, name: 'Alice' },
{ id: 2, name: 'Bob' }
];TypeScript stellt sicher, dass Array-Methoden wie
.map(), .filter() und .reduce()
typsicher verwendet werden:
let doubled = numbers.map((number) => number * 2); // 'doubled' ist vom Typ 'number[]'Durch die Typisierung Ihrer Arrays kann TypeScript Ihnen helfen, viele gängige Fehler beim Arbeiten mit Arrays zu vermeiden und Ihren Code verständlicher und sicherer zu gestalten. Diese Funktionen bieten eine starke Flexibilität und Stärke beim Umgang mit Sammlungen verschiedener Datentypen.