Modificador 'readonly' para Arrays
Parte de la sección Introducción a TypeScript del Journey de JavaScript de Coddy. Lección 14 de 73.
TypeScript proporciona el modificador readonly para arrays, lo que evita cualquier cambio en el contenido del array una vez que se ha creado.
Cuando añades readonly antes de un tipo de array, TypeScript garantiza que no puedes añadir, eliminar o modificar elementos. Esto crea una estructura de datos inmutable que es perfecta para datos de configuración, constantes o cualquier situación en la que quieras garantizar que el array no cambiará.
let colors: readonly string[] = ["red", "green", "blue"];
let numbers: readonly number[] = [1, 2, 3, 4, 5];El modificador readonly bloquea todas las operaciones de mutación como push(), pop(), splice() y la asignación directa por índice. Si intentas usar estos métodos, TypeScript mostrará un error en tiempo de compilación, evitando posibles errores antes de que se ejecute tu código.
Desafío
FácilCrea un array de solo lectura llamado configValues que solo pueda contener cadenas de texto e inicialízalo con los valores "production", "database" y "cache".
Luego, crea otro array de solo lectura llamado ports que solo pueda contener números e inicialízalo con los valores 3000, 5432 y 6379.
Finalmente, crea un array de solo lectura llamado features que solo pueda contener valores booleanos e inicialízalo con true, false y true.
Imprime los tres arrays de solo lectura en la consola en líneas separadas en el orden en que fueron creados.
Pruébalo tú mismo
// TODO: Escribe tu código aquíEsta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
Todas las lecciones de Introducción a TypeScript
1Primeros pasos con TS
¿Qué es TypeScript?¿Por qué usar TypeScript?Tu primer código en TypeScriptProceso de compilación y erroresResumen: Introducción a TS4Trabajando con funciones
Tipado de parámetros y valores de retornoTipado de funciones de flechaEl tipo de retorno 'void'Parámetros opcionales con '?'Valores de parámetros por defectoTipado de parámetros restDefinición de tipos de funcionesRepaso: Construcción de funciones tipadas2Tipos principales
Tipos básicos: str, num, booleanEl tipo 'any': Vía de escapeEl tipo 'unknown'Trabajando con 'null' y 'undef'Inferencia de tipos en acciónAnotaciones de tipo explícitasResumen: Práctica de tipos principales5Tipos: Alias, Uniones e Intersecciones
Alias de tipos para primitivosTipos de unión ('|')Trabajando con tipos de uniónTipos literalesTipos de intersección ('&')Combinando alias de tiposRepaso: Combinaciones de tipos avanzadas3Estructura de datos: Arrays y Tuplas
Arrays tipadosModificador 'readonly' para Arrays¿Qué es una Tupla?Declaración y acceso a TuplasDesestructuración de TuplasTuplas ReadonlyArrays tipados multidimensionalesOperador Spread con ArraysResumen: Arrays y TuplasPractica por tu cuenta: Playground de TypeScript