Destrutturare le Tuple

Fa parte della sezione Introduzione a TypeScript del percorso JavaScript di Coddy. Lezione 17 di 73.

Sebbene accedere agli elementi di una tupla tramite indice funzioni perfettamente, esiste un modo ancora più elegante per estrarre i valori dalle tuple: la destrutturazione. Questa funzionalità di JavaScript funziona perfettamente con le tuple tipizzate di TypeScript, consentendoti di spacchettare i valori della tupla in variabili separate in un'unica riga.

La destrutturazione di un array usa le parentesi quadre sul lato sinistro di un'assegnazione per creare nuove variabili che corrispondono a ogni posizione nella tupla:

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

console.log(id);   // 42 (TypeScript knows this is a number)
console.log(name); // "Alice" (TypeScript knows this is a string)

Sfida

Facile

Crea una tupla chiamata employee che contenga un numero (ID del dipendente) seguito da una stringa (nome del dipendente). Inizializzala con l'ID 1001 e il nome "Sarah Johnson".

Usa la destrutturazione per estrarre i valori dalla tupla employee in due variabili separate chiamate empId e empName.

Crea un'altra tupla chiamata coordinates che contenga due numeri che rappresentano le coordinate di latitudine e longitudine. Inizializzala con i valori 40.7128 e -74.0060.

Usa la destrutturazione per estrarre i valori dalla tupla coordinates in due variabili separate chiamate latitude e longitude.

Stampa le variabili destrutturate nel seguente ordine, ciascuna su una riga separata:

Stampa l'ID del dipendente
Stampa il nome del dipendente
Stampa la latitudine
Stampa la longitudine

Provalo tu

// TODO: Write your code here
// Create the employee tuple with ID 1001 and name "Sarah Johnson"
// Use destructuring to extract empId and empName
// Create the coordinates tuple with values 40.7128 and -74.0060 (avoid using 'location' as variable name)
// Use destructuring to extract latitude and longitude
// Print all four variables in the specified order

// Print the results (uncomment and modify as needed)
// console.log(empId);
// console.log(empName);
// console.log(latitude);
// console.log(longitude);