Arrays und Tupel

Willkommen zur nächsten Lektion! In dieser Lektion sehen wir uns an, wie Sie mit Arrays und Tupeln in TypeScript arbeiten. Mit diesen Strukturen können Sie mehrere Werte geordnet speichern. Beginnen wir!

Was sind Arrays?

Ein Array ist eine Sammlung von Elementen, die in einer einzigen Variable gespeichert wird. In TypeScript können Sie den Typ der Elemente in einem Array festlegen. Beispiel:

Aufgabe: Erstellen Sie ein Array mit Ihren Lieblingszahlen und geben Sie es in der Konsole aus.

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

Auf Array-Elemente zugreifen

Sie können über den Index auf Elemente in einem Array zugreifen. Denken Sie daran: Array-Indizes beginnen bei 0:

Aufgabe: Versuchen Sie, auf verschiedene Elemente eines Arrays zuzugreifen, und geben Sie sie in der Konsole aus.

let colors: string[] = ["red", "blue", "green"];
console.log(colors[0]); // Output: "red"
console.log(colors[2]); // Output: "green"

Häufig verwendete Array-Methoden

Arrays in TypeScript bieten viele nützliche Methoden. Hier sind einige Beispiele:

• push: Fügt am Ende des Arrays ein Element hinzu.
• pop: Entfernt das letzte Element des Arrays.
• length: Gibt die Anzahl der Elemente im Array zurück.

Beispiel:

Aufgabe: Experimentieren Sie mit Array-Methoden wie push und pop.

let fruits: string[] = ["apple", "banana"];
fruits.push("cherry"); // Add "cherry"
console.log(fruits); // Output: ["apple", "banana", "cherry"]

fruits.pop(); // Remove "cherry"
console.log(fruits); // Output: ["apple", "banana"]

console.log(fruits.length); // Output: 2

Was sind Tupel?

Ein Tupel ist ein Array fester Länge, dessen Elemente unterschiedliche Typen haben können. Tupel eignen sich dazu, zusammengehörige Daten verschiedener Typen zu gruppieren. Beispiel:

Aufgabe: Erstellen Sie ein Tupel, das eine Schülerin oder einen Schüler mit Name und Alter darstellt.

let person: [string, number] = ["Alice", 30];
console.log(person[0]); // Output: "Alice"
console.log(person[1]); // Output: 30

Mit Tupeln arbeiten

Wie Arrays unterstützen Tupel den Zugriff über Indizes und Methoden. Ihre Struktur ist jedoch festgelegt, und Sie können keine zusätzlichen Elemente hinzufügen, ohne den Tupeltyp zu ändern. Beispiel:

Aufgabe: Definieren Sie ein Tupel für einen Punkt im zweidimensionalen Raum und geben Sie seine Werte aus.

let coordinates: [number, number] = [10, 20];
console.log(`X: ${coordinates[0]}, Y: ${coordinates[1]}`);

// Attempting to add an extra element will result in an error
// coordinates.push(30); // Error: Tuple type '[number, number]' of fixed length 2

Arrays aus Tupeln verwenden

Sie können ein Array aus Tupeln erstellen, um mehrere zusammengehörige Datensätze zu speichern. Beispiel:

Aufgabe: Erstellen Sie ein Array aus Tupeln, in dem Sie die Namen und das Alter Ihrer Freunde speichern.

let students: [string, number][] = [
  ["Alice", 30],
  ["Bob", 25],
  ["Charlie", 35],
];

console.log(students[0]); // Output: ["Alice", 30]
console.log(students[1][1]); // Output: 25

Häufige Fehler

Hier sind einige häufige Fehler bei der Arbeit mit Arrays und Tupeln:

• Auf Elemente außerhalb der Grenzen eines Arrays zuzugreifen (das Ergebnis ist undefined).
• Den falschen Datentyp in Arrays oder Tupeln zu verwenden (dies verursacht Fehler in TypeScript).
• Zu versuchen, die Struktur eines Tupels zu ändern, ohne seinen Typ zu aktualisieren.

Tipp: Geben Sie Typen immer explizit an, um unerwartetes Verhalten zu vermeiden!

Gut gemacht!

Glückwunsch! Sie haben gelernt, wie Sie Arrays und Tupel in TypeScript verwenden, um Datensammlungen zu speichern und zu verwalten. Diese Werkzeuge sind unverzichtbar für die Verarbeitung strukturierter Informationen in Ihren Programmen. In der nächsten Lektion sehen wir uns Union- und Intersection-Typen an, um komplexere Szenarien zu bewältigen. Programmieren wir weiter!