Desestructurar arrays en Javascript

12/Sep/2017 JavaScript Deja un comentario

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.

Lo primero será partir de un array:

  1. var miarray = [1,2,3,4,5];

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

  1. var [variable1,variable2, ...resto] = array;

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

  1. var [a,b] = miarray;

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

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

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:

  1. var [x,y, ...resto] = miarray;

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

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

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

Vídeos sobre Javascript


¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*

*