Menu
Coddy logo textTech

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.

challenge icon

Aufgabe

Einfach

Erstelle 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 ausgeben
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