34 Typisierte Arrays

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.

34.1 Erstellung Typisierter 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[].

34.2 Typüberprüfungen

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'.

34.3 Arrays mit Mischtypen

Durch die Verwendung von Union-Typen können Sie Arrays mit verschiedenen Typen erstellen:

let mixed: (number | string)[] = [1, 'two', 3];

34.4 Readonly-Arrays

Mit readonly können Sie Arrays definieren, die nicht modifiziert werden dürfen:

let immutableNumbers: readonly number[] = [1, 2, 3];

34.5 Typinferenz

TypeScript kann den Typ der Array-Elemente automatisch ableiten:

let numbers = [1, 2, 3]; // Typinferenz als 'number[]'

34.6 Multidimensionale Arrays

TypeScript unterstützt auch mehrdimensionale Arrays:

let matrix: number[][] = [[1, 2, 3], [4, 5, 6]];

34.7 Arrays von Objekten und Interfaces

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' }
];

34.8 Array-Methoden und Typsicherheit

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.