Desestructuración de Tuplas

Parte de la sección Introducción a TypeScript del Journey de JavaScript de Coddy — lección 17 de 73.

Si bien acceder a los elementos de una tupla por su índice funciona perfectamente, existe una forma aún más elegante de extraer valores de las tuplas: la desestructuración. Esta característica de JavaScript funciona a la perfección con las tuplas tipadas de TypeScript, lo que permite desempaquetar los valores de la tupla en variables separadas en una sola línea.

La desestructuración de arreglos utiliza corchetes en el lado izquierdo de una asignación para crear nuevas variables que corresponden a cada posición en la tupla:

let userInfo: [number, string] = [42, "Alice"];
let [id, name] = userInfo;

console.log(id);   // 42 (TypeScript sabe que esto es un número)
console.log(name); // "Alice" (TypeScript sabe que esto es una cadena)

Ponte a prueba

Esta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.

Ponte a prueba

Esta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.

Ponte a prueba

Esta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.

Desafío

Fácil

Crea una tupla llamada employee que contenga un número (ID del empleado) seguido de una cadena (nombre del empleado). Inicialízala con el ID 1001 y el nombre "Sarah Johnson".

Usa la desestructuración para extraer los valores de la tupla employee en dos variables separadas llamadas empId y empName.

Crea otra tupla llamada coordinates que contenga dos números que representen las coordenadas de latitud y longitud. Inicialízala con los valores 40.7128 y -74.0060.

Usa la desestructuración para extraer los valores de la tupla location en dos variables separadas llamadas latitude y longitude.

Imprime las variables desestructuradas en el siguiente orden, cada una en una línea separada:

Imprime el ID del empleado
Imprime el nombre del empleado
Imprime la latitud
Imprime la longitud

Hoja de referencia

La desestructuración le permite extraer valores de tuplas en variables separadas en una sola línea utilizando corchetes:

let userInfo: [number, string] = [42, "Alice"];
let [id, name] = userInfo;

console.log(id);   // 42 (TypeScript sabe que esto es un número)
console.log(name); // "Alice" (TypeScript sabe que esto es una cadena)

TypeScript mantiene la información de tipo para cada variable desestructurada basándose en la definición de tipo de la tupla.

Pruébalo tú mismo

// TODO: Escribe tu código aquí
// Crea la tupla de empleado con ID 1001 y nombre "Sarah Johnson"
// Usa la desestructuración para extraer empId y empName
// Crea la tupla de coordenadas con los valores 40.7128 y -74.0060 (evita usar 'location' como nombre de variable)
// Usa la desestructuración para extraer latitude y longitude
// Imprime las cuatro variables en el orden especificado

// Imprime los resultados (descomenta y modifica según sea necesario)
// console.log(empId);
// console.log(empName);
// console.log(latitude);
// console.log(longitude);

Ponte a prueba

Esta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.