Unpacking de objetos en Javascript

Siguiendo con temas de unpacking, ya hemos visto como hacerlo con arrays, expresiones regulares,… en este caso vamos a ver cómo podemos hacer unpacking de objetos en Javascript.

Definir el objeto

Lo primero será definir un objeto con un par de propiedades. Así que lo haremos de la siguiente forma:

let persona = {nombre:"Víctor",edad:47};

Cuando tenemos un objeto podemos volcar por consola el contenido de una de las propiedades de la siguiente forma:

console.log(persona.nombre);

Realizar unpacking de objetos

Para realizar un unpacking de objetos lo que haremos será definir las variables sobre las que queremos hacer el unpacking y definirlas en una estructura de llaves atendiendo a la siguiente forma:

let {propiedad1, propiedad2} = objeto;

En este caso con el objeto que hemos definido haremos lo siguiente:

let {nombre,edad} = persona;
console.log(nombre);
console.log(edad);

Vemos que al hacer en unpacking de objetos con Javascript podemos utilizar directamente las variables.

El nombre de las variables para el unpacking debe de ser el mismo que el nombre las propiedades del objeto.

Renombrar variables en unpacking

En el caso de que queramos dar un nuevo nombre a las variables sobre las que hacemos el unpacking deberemos de seguir la siguiente estructura:

let {propiedad1:nuevavariable1, propiedad2:nuevavariable2} = objeto;

Así, con nuestro objeto utilizaremos nombres de variables diferentes de las siguiente forma:

let {nombre:name,edad:age} = persona;
console.log(name);
console.log(age);

Con esto ya hemos visto lo sencillo que es realizar un unpacking de objetos en Javascript.