Readonly-Tupel

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

Genauso wie Sie Arrays mit dem readonly-Modifikator unveränderlich machen können, ermöglicht TypeScript die Erstellung von readonly-Tupeln, die nach der Initialisierung nicht mehr geändert werden können. Dies bietet die gleichen Vorteile der Unveränderlichkeit für strukturierte Daten mit fester Länge.

Wenn Sie readonly vor einen Tupel-Typ setzen, verhindert TypeScript jegliche Änderungen an den Elementen des Tupels.

Das bedeutet, dass Sie Werte an bestimmten Positionen nicht neu zuweisen oder Methoden verwenden können, die den Inhalt des Tuples ä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.

Teste dich selbst

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

Teste dich selbst

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

Teste dich selbst

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

Aufgabe

Einfach

Erstellen Sie ein schreibgeschütztes Tuple (readonly tuple) namens startPoint, das einen 2D-Punkt mit zwei Zahlen (x- und y-Koordinaten) darstellt. Initialisieren Sie es mit den Werten 0 und 0.

Erstellen Sie ein weiteres schreibgeschütztes Tuple namens colorRGB, das einen RGB-Farbwert mit drei Zahlen (Rot, Grün, Blau) darstellt. Initialisieren Sie es mit den Werten 255, 128 und 64.

Erstellen Sie ein drittes schreibgeschütztes Tuple namens userRecord, das eine Zahl (User-ID), einen String (Benutzername) und einen Boolean (Aktivitätsstatus) enthält. Initialisieren Sie es mit den Werten 42, "admin" und true.

Geben Sie alle drei schreibgeschützten Tuples in der Reihenfolge ihrer Erstellung in separaten Zeilen auf der Konsole aus.

Spickzettel

Erstellen Sie schreibgeschützte Tupel mit dem readonly Modifikator vor dem Tupel-Typ, um Änderungen nach der Initialisierung zu verhindern:

let point: readonly [number, number] = [10, 20];
let coordinates: readonly [string, number, number] = ["A", 5, 15];

Schreibgeschützte Tupel sind nützlich für strukturierte Daten wie Koordinaten, RGB-Werte oder Datenbankdatensätze, die sich nach der Erstellung nicht mehr ändern sollten.

Probier es selbst

// TODO: Schreiben Sie hier Ihren Code
// Erstellen Sie die schreibgeschützten Tuples wie in der Herausforderung beschrieben

// Alle drei Tuples ausgeben

Teste dich selbst

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