Javascript ES6 – #16. Destructuring o desestructuración
La desestructuración o destructuring es una interesantísima característica que se incorporó a Javascript en su versión ES6 con el objetivo de descomponer un array o un objeto en elementos independientes y asignarlos a variables o constantes en una única expresión.
Es decir, nos permite dividir un array o un objeto en trocitos y pasárselos a variables o constantes sin necesidad hacerlo de elemento a elemento en sentencias separadas.
Aunque en esta lección veremos la desestructuración básica de arrays y objetos, también podemos aplicarla a salida de funciones, utilizar expresiones regulares, etc.
A continuación veremos cómo trabajar con:
- Desestructuración de arrays con asignación básica.
- Desestructuración de arrays con asignación separada de la declaración.
- Desestructuración de objetos con asignación básica.
- Desestructuración de objetos asignando a nuevos nombres de variables.
- Desestructuración de objetos con asignación sin declaración.
Veamos cada una de estas características en el siguiente vídeo:
¡Consulta en la pestaña Materiales el código fuente trabajado en la lección!
¿No te ha quedado claro? ¿Quieres aportar tu punto de vista? ¡Deja tu comentario!
Marca éste error al querer cargar el vídeo: Se produjo un error. Vuelve a intentarlo más tarde (ID de reproducción: O6rdThUtmMLz-KaZ).
Más información
¡Ahí va, tienes razón, Víctor! ¡Mil gracias! SOLUCIONADO!
Buen video. Eres una crack.
No se encuentra disponible el código explicado en el video
¡Cierto, José Manuel! ¡Se me había pasado subirlos! ¡Mil gracias por avisar!
Profe fantástico ejemplo este tema de la destructuracion mas el spread me han abierto la mente por completo estaba sufriendo en esos temas pero ahora ya lo tengo todo clarísimo muchas gracias
¡Cómo me alegro, Alejandro! ¡Sigue así!