Menu
Coddy logo textTech

Destrukturierung von Tupeln

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

Obwohl der Zugriff auf Tupel-Elemente per Index einwandfrei funktioniert, gibt es eine noch elegantere Möglichkeit, Werte aus Tupeln zu extrahieren: Destrukturierung. Diese JavaScript-Funktion funktioniert nahtlos mit den typisierten Tupeln von TypeScript und ermöglicht es dir, Tupelwerte in einer einzigen Zeile in separate Variablen zu entpacken.

Beim Destrukturieren eines Arrays werden auf der linken Seite einer Zuweisung eckige Klammern verwendet, 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 knows this is a number)
console.log(name); // "Alice" (TypeScript knows this is a string)
challenge icon

Aufgabe

Einfach

Erstelle ein Tupel namens employee, das eine Zahl (Mitarbeiter-ID), gefolgt von einer Zeichenkette (Mitarbeitername), enthält. Initialisiere es mit der ID 1001 und dem Namen "Sarah Johnson".

Verwende Destrukturierung, um die Werte aus dem Tupel employee in zwei separate Variablen namens empId und empName zu extrahieren.

Erstelle ein weiteres Tupel namens coordinates, das zwei Zahlen enthält, die den Breitengrad und den Längengrad darstellen. Initialisiere es mit den Werten 40.7128 und -74.0060.

Verwende Destrukturierung, um die Werte aus dem Tupel coordinates in zwei separate Variablen namens latitude und longitude zu extrahieren.

Gib die destrukturierten Variablen in der folgenden Reihenfolge aus, jeweils in einer separaten Zeile:

  • Gib die Mitarbeiter-ID aus
  • Gib den Mitarbeiternamen aus
  • Gib den Breitengrad aus
  • Gib 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);
quiz iconTeste dich selbst

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

Alle Lektionen in Einführung in TypeScript

Übe selbstständig: Online-JavaScript-Compiler