La desestructuración o destructuring en JavaScript es una sintaxis que se utiliza para extraer las propiedad de un objeto y asignaras a un conjunto de variables. El destructuring puede aplicarse tanto a objetos normales como a Arrays.
Vamos a partir del siguiente objeto de ejemplo:
const usuario = {
nombre: 'Edu',
edad: 34,
web: 'edulazaro.com'
};Ahora vamos a asignar todas las propiedades del objeto usuario a una serie de variable mediante la siguiente sintaxis:
const { nombre, edad, web } = usuario
Las constantes nombre, edad y web contendrán ahora los valores de las propiedades de idéntico nombre del objeto usuario:
console.log(nombre); // Edu
console.log(edad); // 34
console.log(web); // edulazaro.comPara que la asignación por desestructuración funcione, es importante que las variable o constantes tengan el mismo nombre que las propiedades del objeto cuyos valores queremos obtener.
A continuación puedes encontrar un fiddle con el código de este ejemplo.
- Destructuring de objetos Si prefieres ver el destructuring de objetos en detalle, consulta el tutorial de destructuring de objetos de JavaScript.
Esto ha sido todo.
Edu Lázaro: Ingeniero técnico en informática, actualmente trabajo como desarrollador web y programador de videojuegos.
