Arbeiten mit TypeScript-Arrays und -Tupeln

TypeScript erweitert JavaScript um zusätzliche Typfunktionen und erleichtert so die Arbeit mit komplexen Datenstrukturen wie Arrays und Tupeln. In diesem Handbuch erfahren Sie mehr über Arrays und Tupel in TypeScript und erfahren, wie Sie diese definieren, bearbeiten und effektiv nutzen.

TypeScript-Arrays

Arrays in TypeScript ähneln Arrays in JavaScript, bieten aber zusätzlich Typanmerkungen. Dadurch wird sichergestellt, dass alle Elemente im Array einem bestimmten Typ entsprechen.

Definieren von Arrays

Um ein Array in TypeScript zu definieren, geben Sie den Typ seiner Elemente gefolgt von [] an:

let numbers: number[] = [1, 2, 3, 4, 5];
let names: string[] = ["Alice", "Bob", "Charlie"];

In diesem Beispiel ist numbers ein Array von number und names ein Array von string.

Array-Methoden

TypeScript-Arrays unterstützen verschiedene Methoden, die JavaScript-Arrays ähneln. Hier sind einige gängige Methoden:

• push(): Fügt am Ende des Arrays ein Element hinzu.
• pop(): Entfernt das letzte Element des Arrays.
• shift(): Entfernt das erste Element des Arrays.
• unshift(): Fügt am Anfang des Arrays ein Element hinzu.
• map(): Erstellt ein neues Array, indem auf jedes Element eine Funktion angewendet wird.

Array-Beispiel

let numbers: number[] = [1, 2, 3, 4, 5];
numbers.push(6); // [1, 2, 3, 4, 5, 6]
let doubled = numbers.map(n => n * 2); // [2, 4, 6, 8, 10, 12]

TypeScript-Tupel

Tupel sind ein spezieller Array-Typ in TypeScript, bei dem jedes Element einen anderen Typ haben kann. Tupel sind nützlich, wenn Sie mit einer festen Anzahl von Elementen unterschiedlicher Typen arbeiten müssen.

Tupel definieren

Um ein Tupel zu definieren, verwenden Sie eckige Klammern [] mit angegebenen Typen für jedes Element:

let person: [string, number] = ["Alice", 30];

In diesem Beispiel ist Person ein Tupel, bei dem das erste Element eine Zeichenfolge und das zweite Element eine Zahl ist.

Auf Tupelelemente zugreifen

Greifen Sie auf Tupelelemente über ihren Index zu, ähnlich wie bei Arrays:

let person: [string, number] = ["Alice", 30];
let name = person[0]; // "Alice"
let age = person[1]; // 30

Tupel mit optionalen Elementen

Tupel können auch optionale Elemente enthalten:

let person: [string, number?] = ["Alice"];
let personWithAge: [string, number?] = ["Bob", 30];

In diesem Beispiel ist das zweite Element im Tupel optional.

Abschluss

TypeScript-Arrays und -Tupel bieten leistungsstarke Möglichkeiten, Datensammlungen mit hoher Typsicherheit zu handhaben. Wenn Sie verstehen, wie Sie Arrays und Tupel definieren, bearbeiten und verwenden, können Sie robusteren und wartungsfreundlicheren Code schreiben. Verwenden Sie Arrays für Listen homogener Daten und Tupel für Sammlungen fester Größe mit heterogenen Daten.