'readonly'-Modifikator für Arrays
Teil des Abschnitts Einführung in TypeScript der JavaScript-Journey von Coddy. Lektion 14 von 73.
TypeScript bietet den readonly-Modifikator für Arrays, der jegliche Änderungen am Inhalt des Arrays verhindert, sobald es erstellt wurde.
Wenn Sie readonly vor einem Array-Typ hinzufügen, stellt TypeScript sicher, dass Sie keine Elemente hinzufügen, entfernen oder ändern können. Dies erstellt eine unveränderliche Datenstruktur, die perfekt für Konfigurationsdaten, Konstanten oder jede Situation geeignet ist, in der Sie garantieren möchten, dass sich das Array nicht ändert.
let colors: readonly string[] = ["red", "green", "blue"];
let numbers: readonly number[] = [1, 2, 3, 4, 5];Der readonly-Modifikator blockiert alle mutierenden Operationen wie push(), pop(), splice() und die direkte Indexzuweisung. Wenn Sie versuchen, diese Methoden zu verwenden, zeigt TypeScript einen Fehler zur Kompilierzeit an, wodurch potenzielle Fehler verhindert werden, bevor Ihr Code ausgeführt wird.
Aufgabe
EinfachErstellen Sie ein schreibgeschütztes Array namens configValues, das nur Strings enthalten kann, und initialisieren Sie es mit den Werten "production", "database" und "cache".
Erstellen Sie dann ein weiteres schreibgeschütztes Array namens ports, das nur Zahlen enthalten kann, und initialisieren Sie es mit den Werten 3000, 5432 und 6379.
Erstellen Sie schließlich ein schreibgeschütztes Array namens features, das nur boolesche Werte enthalten kann, und initialisieren Sie es mit true, false und true.
Geben Sie alle drei schreibgeschützten Arrays in der Reihenfolge ihrer Erstellung in separaten Zeilen auf der Konsole aus.
Probier es selbst
// TODO: Schreibe hier deinen CodeDiese 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: TypeScript-Playground