Tuplas Readonly
Parte de la sección Introducción a TypeScript del Journey de JavaScript de Coddy — lección 18 de 73.
Al igual que puedes hacer que los arrays sean inmutables con el modificador readonly, TypeScript te permite crear tuplas de solo lectura que no se pueden modificar después de la inicialización. Esto proporciona los mismos beneficios de inmutabilidad para datos estructurados de longitud fija.
Cuando añades readonly antes de un tipo de tupla, TypeScript evita cualquier cambio en los elementos de la tupla.
Esto significa que no puedes reasignar valores en posiciones específicas ni utilizar métodos que modifiquen el contenido de la tupla:
let point: readonly [number, number] = [10, 20];
let coordinates: readonly [string, number, number] = ["A", 5, 15];El modificador readonly es particularmente valioso para las tuplas porque a menudo representan datos estructurados importantes como coordenadas, valores de color RGB o registros de bases de datos que no deberían cambiar una vez creados.
Ponte a pruebaEsta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
Ponte a pruebaEsta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
Ponte a pruebaEsta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
Desafío
FácilCrea una tupla de solo lectura llamada startPoint que representa un punto 2D con dos números (coordenadas x e y). Inicialízala con los valores 0 y 0.
Crea otra tupla de solo lectura llamada colorRGB que representa un valor de color RGB con tres números (rojo, verde, azul). Inicialízala con los valores 255, 128 y 64.
Crea una tercera tupla de solo lectura llamada userRecord que contiene un número (ID de usuario), una cadena (nombre de usuario) y un booleano (estado activo). Inicialízala con los valores 42, "admin" y true.
Imprime las tres tuplas de solo lectura en la consola en líneas separadas en el orden en que fueron creadas.
Hoja de referencia
Crea tuplas de solo lectura utilizando el modificador readonly antes del tipo de tupla para evitar modificaciones después de la inicialización:
let point: readonly [number, number] = [10, 20];
let coordinates: readonly [string, number, number] = ["A", 5, 15];
Las tuplas de solo lectura son útiles para datos estructurados como coordenadas, valores RGB o registros de bases de datos que no deberían cambiar una vez creados.
Pruébalo tú mismo
// TODO: Escribe tu código aquí
// Crea las tuplas de solo lectura como se describe en el desafío
// Imprime las tres tuplasEsta 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 tipadas
2Tipos 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 Tuplas