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)Aufgabe
EinfachErstelle 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);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
1Erste Schritte mit TS
Was ist TypeScript?Warum TypeScript verwenden?Dein erster TypeScript-CodeKompilierungsprozess & FehlerZusammenfassung: Einführung in TS4Arbeiten mit Funktionen
Typisierung von Parametern & RückgabewertenTypisierung von Arrow-FunktionenDer Rückgabetyp 'void'Optionale Parameter mit '?'Standard-ParameterwerteTypisierung von Rest-ParameternDefinieren von FunktionstypenZusammenfassung: Typisierte Funktionen erstellen2Basis-Typen
Basis-Typen: str, num, booleanDer 'any'-Typ: Der NotausgangDer 'unknown'-TypArbeiten mit 'null' & 'undef'Typinferenz in der PraxisExplizite Typ-AnnotationenZusammenfassung: Übung zu Basis-Typen5Typen: Aliase, Unions & Intersections
Typ-Aliase für primitive DatentypenUnion-Typen ('|')Arbeiten mit Union-TypenLiteral-TypenIntersection-Typen ('&')Kombinieren von Typ-AliasenZusammenfassung: Fortgeschrittene Typ-Kombinationen3Datenstruktur: Arrays & Tupel
Typisierte Arrays'readonly'-Modifikator für ArraysWas ist ein Tupel?Deklarieren von und Zugriff auf TupelDestrukturierung von TupelnReadonly-TupelMehrdimensionale typisierte ArraysSpread-Operator mit ArraysZusammenfassung: Arrays und TupelÜbe selbstständig: Online-JavaScript-Compiler