Readonly-Tupel
Teil des Abschnitts Einführung in TypeScript der JavaScript-Journey von Coddy. Lektion 18 von 73.
So wie du Arrays mit dem Modifizierer readonly unveränderlich machen kannst, ermöglicht TypeScript dir, unveränderliche Tupel zu erstellen, die nach der Initialisierung nicht geändert werden können. Dies bietet dieselben Vorteile der Unveränderlichkeit für strukturierte Daten fester Länge.
Wenn Sie readonly vor einen Tupel-Typ setzen, verhindert TypeScript jegliche Änderungen an den Elementen des Tupels.
Das bedeutet, dass du Werten an bestimmten Positionen keine neuen Werte zuweisen oder Methoden verwenden kannst, die den Inhalt des Tupels ändern würden:
let point: readonly [number, number] = [10, 20];
let coordinates: readonly [string, number, number] = ["A", 5, 15];Der readonly-Modifikator ist besonders wertvoll für Tupel, da diese oft wichtige strukturierte Daten wie Koordinaten, RGB-Farbwerte oder Datenbankdatensätze darstellen, die nach ihrer Erstellung nicht mehr geändert werden sollten.
Aufgabe
EinfachErstelle ein schreibgeschütztes Tupel namens startPoint, das einen 2D-Punkt mit zwei Zahlen (x- und y-Koordinaten) darstellt. Initialisiere es mit den Werten 0 und 0.
Erstelle ein weiteres schreibgeschütztes Tupel namens colorRGB, das einen RGB-Farbwert mit drei Zahlen (Rot, Grün, Blau) darstellt. Initialisiere es mit den Werten 255, 128 und 64.
Erstelle ein drittes schreibgeschütztes Tupel namens userRecord, das eine Zahl (Benutzer-ID), eine Zeichenkette (Benutzername) und einen booleschen Wert (Aktivitätsstatus) enthält. Initialisiere es mit den Werten 42, "admin" und true.
Gib alle drei schreibgeschützten Tupel in separaten Zeilen in der Reihenfolge ihrer Erstellung auf der Konsole aus.
Probier es selbst
// TODO: Schreiben Sie hier Ihren Code
// Erstellen Sie die schreibgeschützten Tuples wie in der Herausforderung beschrieben
// Alle drei Tuples ausgebenDiese 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