Desestructurar arrays en Javascript

El acto de desestructurar arrays en Javascript es el proceso por el cual podemos convertir el contenido de un array en variables simples. De esta manera podemos acceder al contenido del array de una forma sencilla.

Definir un array

Lo primero será partir de un array:

var array = [1, 2, 3, 4, 5];

Desestructurar el array

Ahora la idea es convertir esos elementos en variables. Para ello la sentencia que nos permite desestructurar es la siguiente:

var [a, b, c, d, e] = array;

El número de variables con las que queramos desestructurar el array dependerá de nuestras necesidades. Por ejemplo, si queremos obtener los dos primeros elementos codificaremos lo siguiente:

var [a, b] = array;

Por lo que ahora podemos utilizar las variables a y b de forma individual y ellas contendrán los dos primeros valores del array.

console.log(a); // 1
console.log(b); // 2

Usar el resto de elementos

En el proceso de desestructurar arrays en Javascript podemos quedarnos con el resto de elementos del array en una nueva variable. Para ello utilizamos el concepto de resto. El código será el siguiente:

var [a, b, ...resto] = array;

En la variable resto se queda el resto de elementos del array. Lo podemos comprobar mostrándolo por consola.

console.log(resto); // [3, 4, 5]

Vemos que desestructurar arrays en Javascript nos permite de una forma muy sencilla acceder y manipular sus elementos.