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 índice funciona perfectamente, existe una forma aún más elegante de extraer valores de las tuplas: destructuring. Esta característica de JavaScript funciona a la perfección con las tuplas tipadas de TypeScript, lo que permite desempacar 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)

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 coordinates 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

Pruébalo tú mismo

// TODO: Escribe tu código aquí
// Crea la tupla employee con el ID 1001 y el nombre "Sarah Johnson"
// Usa la desestructuración para extraer empId y empName
// Crea la tupla coordinates 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);