Artículos
Javascript

Unpacking de objetos en Javascript

23/Sep/2017

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.

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

var objeto = {x:"Saludo", y:3}

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

console.log (objeto.y);

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:

var {propiedad1, propiedad2,... propiedadN} = objeto;

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

var {x,y} = objeto;
console.log(x);

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.

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:

var {propiedad1:nuevapropiedad1, propiedad2:nuevapropiedad2,... propiedadN:nuevapropiedadN} = objeto;

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

var {x:a, y:b} = objeto;
console.log(a);

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

Código Fuente

Descárgate el código fuente de Unpacking de objetos en Javascript
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star

Vídeos sobre Javascript

Disfruta también de nuestros artículos sobre Javascript en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test Javascript

¿Te atreves a probar tus habilidades y conocimiento en Javascript con nuestro test?

Test Javascript
Suscribir
Notificar de
guest
0 Comentarios
Opiniones integradas
Ver todos los comentarios