Destructuring en JavaScript

Javascript

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.com

Para 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.

Esto ha sido todo.


Avatar de Edu Lazaro

Edu Lázaro: Ingeniero técnico en informática, actualmente trabajo como desarrollador web y programador de videojuegos.

👋 Hola! Soy Edu, me encanta crear cosas y he redactado esta guía. Si te ha resultado útil, el mayor favor que me podrías hacer es el de compatirla en Twitter 😊

Si quieres conocer mis proyectos, sígueme en Twitter.

Deja una respuesta

“- Hey, Doc. No tenemos suficiente carretera para ir a 140/h km. - ¿Carretera? A donde vamos, no necesitaremos carreteras.”