¿Ya dominas lo básico? Un curso estructurado de TypeScript es la vía rápida para dar el salto.
Ver cursos de TypeScript en UdemyEnlace de afiliado. No te cuesta nada extra.
- 01Preparar el entorno (lo que necesitas)
- 02Tu primera salida (console.log)
- 03Variables y anotaciones de tipo (number/string/boolean)
- 04Tipos de array
- 05Tipos en funciones (parámetros y valor devuelto)
- 06Parámetros opcionales y valores por defecto
- 07Interfaces (interface)
- 08Propiedades opcionales (?)
- 09Alias de tipo (type)
- 10Tipos unión
- 11Tipos literales
- 12enum (tipos enumerados)
- 13Clases y tipos
- 14Herencia (extends) e implementar una interfaz (implements)
- 15Genéricos (<T>)
- 16Tipos tupla
- 17Los tipos any y unknown
- 18Aserciones de tipo (as)
- 19El modificador readonly
- 20[Aplicado] Construye un mini sistema de inventario
Tipos tupla
En esta lección usarás un array de longitud fija donde cada posición tiene su propio tipo.
[string, number] es una tupla: exactamente dos elementos, el primero texto y el segundo número. Se diferencia de (string | number)[], que sería un array de cualquier longitud mezclando ambos.
El código de ejemplo crea una tupla con nombre y edad y la desestructura en dos variables. Cada una recibe el tipo correcto automáticamente.
Lo que hay que vigilar es el orden: intercambiar los valores da error, y ese error es justamente lo útil. Un array normal no habría dicho nada.
En el trabajo real, las tuplas aparecen sobre todo al devolver dos valores de una función. Dicho esto, cuando los elementos son más de dos o su significado no es obvio, un objeto con nombres suele leerse mejor.
🧪 Este sitio no puede compilar ni ejecutar TypeScript directamente, así que comprueba al instante si lo que escribiste coincide con el código de referencia (la corrección ocurre por completo en tu navegador; no se envía nada a ningún servidor).