Destrukturierung von Tupeln

Teil des Abschnitts Einführung in TypeScript der JavaScript-Journey von Coddy — Lektion 17 von 73.

Während der Zugriff auf Tuple-Elemente über den Index perfekt funktioniert, gibt es eine noch elegantere Methode, um Werte aus Tuples zu extrahieren: Destructuring. Dieses JavaScript-Feature funktioniert nahtlos mit den typisierten Tuples von TypeScript und ermöglicht es Ihnen, Tuple-Werte in einer einzigen Zeile in separate Variablen zu entpacken.

Array-Destrukturierung verwendet eckige Klammern auf der linken Seite einer Zuweisung, um neue Variablen zu erstellen, die jeder Position im Tupel entsprechen:

let userInfo: [number, string] = [42, "Alice"];
let [id, name] = userInfo;

console.log(id);   // 42 (TypeScript weiß, dass dies eine Zahl ist)
console.log(name); // "Alice" (TypeScript weiß, dass dies ein String ist)

Teste dich selbst

Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.

Teste dich selbst

Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.

Teste dich selbst

Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.

Aufgabe

Einfach

Erstellen Sie ein Tuple namens employee, das eine Zahl (Mitarbeiter-ID) gefolgt von einem String (Mitarbeitername) enthält. Initialisieren Sie es mit der ID 1001 und dem Namen "Sarah Johnson".

Verwenden Sie Destructuring, um die Werte aus dem employee-Tuple in zwei separate Variablen namens empId und empName zu extrahieren.

Erstellen Sie ein weiteres Tuple namens coordinates, das zwei Zahlen enthält, die Breitengrad- und Längengradkoordinaten darstellen. Initialisieren Sie es mit den Werten 40.7128 und -74.0060.

Verwenden Sie Destructuring, um die Werte aus dem location-Tuple in zwei separate Variablen namens latitude und longitude zu extrahieren.

Geben Sie die destrukturierten Variablen in der folgenden Reihenfolge aus, jede in einer separaten Zeile:

Geben Sie die Mitarbeiter-ID aus
Geben Sie den Mitarbeiternamen aus
Geben Sie den Breitengrad aus
Geben Sie den Längengrad aus

Spickzettel

Destructuring ermöglicht es Ihnen, Werte aus Tupeln in einer einzigen Zeile mithilfe von eckigen Klammern in separate Variablen zu extrahieren:

let userInfo: [number, string] = [42, "Alice"];
let [id, name] = userInfo;

console.log(id);   // 42 (TypeScript weiß, dass dies eine Zahl ist)
console.log(name); // "Alice" (TypeScript weiß, dass dies ein String ist)

TypeScript behält die Typinformationen für jede destrukturierte Variable basierend auf der Typdefinition des Tupels bei.

Probier es selbst

// TODO: Schreiben Sie hier Ihren Code
// Erstellen Sie das Mitarbeiter-Tupel mit der ID 1001 und dem Namen "Sarah Johnson"
// Verwenden Sie Destructuring, um empId und empName zu extrahieren
// Erstellen Sie das Koordinaten-Tupel mit den Werten 40.7128 und -74.0060 (vermeiden Sie 'location' als Variablennamen)
// Verwenden Sie Destructuring, um latitude und longitude zu extrahieren
// Geben Sie alle vier Variablen in der angegebenen Reihenfolge aus

// Geben Sie die Ergebnisse aus (auskommentieren und nach Bedarf anpassen)
// console.log(empId);
// console.log(empName);
// console.log(latitude);
// console.log(longitude);

Teste dich selbst

Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.