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 Möglichkeit, 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-Destructuring 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)

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 coordinates-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

Probier es selbst

// TODO: Schreibe deinen Code hier
// Erstelle das employee-Tupel mit der ID 1001 und dem Namen "Sarah Johnson"
// Verwende Destructuring, um empId und empName zu extrahieren
// Erstelle das coordinates-Tupel mit den Werten 40.7128 und -74.0060 (vermeide es, 'location' als Variablennamen zu verwenden)
// Verwende Destructuring, um latitude und longitude zu extrahieren
// Gib alle vier Variablen in der angegebenen Reihenfolge aus

// Gib die Ergebnisse aus (Kommentierung aufheben und nach Bedarf anpassen)
// console.log(empId);
// console.log(empName);
// console.log(latitude);
// console.log(longitude);