Desestructuración de arrays en JavaScript

En esta lección analizaremos la operación desestructuración de arrays. Esta operación está diseñada para asignar masivamente elementos de un array a variables en una sola línea de código.

La sintaxis de esta operación es la siguiente:

let [variable1, variable2, variable3] = array;

Como puedes ver, a la izquierda del signo = en corchetes se enumeran los nombres de las variables. Estas variables se declaran masivamente mediante let, que se coloca antes del corchete de apertura.

Como resultado de la operación, en la primera variable se asignará el primer elemento del array (es decir, con la clave cero), en la segunda variable - el segundo, en la tercera variable - el tercero.

Veamos un ejemplo práctico. Supongamos que tenemos un array que almacena el año, mes y día:

let arr = [2025, 12, 31];

Asignemos el año, mes y día a las correspondientes variables, usando desestructuración:

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

Veamos el contenido de nuestras variables:

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

Para comparar, observa cuán inconveniente y largo sería el código sin desestructuración:

let arr = [2025, 12, 31];

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

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

En el siguiente código, las partes del array se asignan a las variables correspondientes:

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];

Modifica este código usando desestructuración según la teoría estudiada.