Arrays tipados
Parte de la sección Introducción a TypeScript del Journey de JavaScript de Coddy. Lección 13 de 73.
Los arrays tipados son una de las características más potentes de TypeScript para organizar y gestionar múltiples valores mientras se mantiene la seguridad de tipos.
En TypeScript, puedes especificar que un array solo debe contener elementos de un tipo determinado mediante la sintaxis Type[]. Esto garantiza que cada elemento del array coincida con el tipo esperado, evitando errores comunes que ocurren al mezclar diferentes tipos de datos.
let numbers: number[] = [1, 2, 3, 4, 5];
let names: string[] = ["Alice", "Bob", "Charlie"];
let flags: boolean[] = [true, false, true];Cuando declaras un array tipado, TypeScript garantiza que solo se le puedan añadir valores del tipo especificado. Esto significa que no puedes mezclar accidentalmente strings con numbers u otros tipos incompatibles, lo que ayuda a detectar errores durante el desarrollo en lugar de hacerlo en tiempo de ejecución.
Desafío
FácilCrea un array typed llamado scores que solo pueda contener numbers e inicialízalo con los valores 85, 74 y 78.
Después, crea otro array typed llamado studentNames que solo pueda contener string e inicialízalo con los valores "Alice", "Bob" y "Charlie".
Finalmente, crea un array typed llamado passedExams que solo pueda contener valores boolean e inicialízalo con true, false y true.
Imprime los tres arrays en console, cada uno en una línea separada y en el orden en que se crearon.
Pruébalo tú mismo
// TODO: Escribe tu código aquí
// Crea los tres arrays tipados como se describe en el desafío
// Imprime los tres arrays en la consola
Ponte a pruebaEsta 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 TuplasPractica por tu cuenta: Compilador de JavaScript online