Destrutturazione degli array in JavaScript

In questa lezione analizzeremo l'operazione di destrutturazione degli array. Questa operazione è progettata per assegnare in massa gli elementi di un array a variabili in una sola riga di codice.

La sintassi di questa operazione è la seguente:

let [variabile1, variabile2, variabile3] = array;

Come puoi vedere, a sinistra del segno = tra parentesi quadre sono elencati i nomi delle variabili. Queste variabili sono dichiarate in massa tramite let, che si trova prima della parentesi aperta.

Come risultato dell'operazione, nella prima variabile verrà scritto il primo elemento dell'array (cioè con chiave zero), nella seconda variabile - il secondo, nella terza variabile - il terzo.

Vediamo un esempio pratico. Supponiamo di avere un array che memorizza l'anno, il mese e il giorno:

let arr = [2025, 12, 31];

Assegniamo l'anno, il mese e il giorno alle corrispondenti variabili, utilizzando la destrutturazione:

let arr = [2025, 12, 31];
let [year, month, day] = arr;

Controlliamo il contenuto delle nostre variabili:

console.log(year);  // visualizzerà 2025
console.log(month); // visualizzerà 12
console.log(day);   // visualizzerà 31

Per confronto, guarda quanto sia scomodo e lungo il codice senza la destrutturazione:

let arr = [2025, 12, 31];

let year  = arr[0];
let month = arr[1];
let day   = arr[2];

console.log(year);  // visualizzerà 2025
console.log(month); // visualizzerà 12
console.log(day);   // visualizzerà 31

Nel codice seguente, le parti dell'array vengono assegnate alle variabili corrispondenti:

let arr = ['John', 'Smit', 'development', 'programmer', 2000];

let name       = arr[0];
let surname    = arr[1];
let department = arr[2];
let position   = arr[3];
let salary     = arr[4];

Rielabora questo codice utilizzando la destrutturazione secondo la teoria studiata.