Unpacking iterando objetos en Javascript

29/Sep/2017 JavaScript , Deja un comentario

Hemos visto múltiples formas de realizar un unpacking de objetos con Javascript: objetos sencillos, objetos anidados,... pero, ¿qué sucede si dentro hay un array de objetos? En este caso vamos a ver cómo podemos realizar un unpacking iterando objetos en Javascript.

Lo primero será definir un objeto que tenga un array, por ejemplo el objeto autor ya utilizado en otras ocasiones:

  1. var autor = {
  2. nombre: 'Santiago Posteguillo',
  3. libros: [
  4. {
  5. titulo: 'Africanus, el hijo del cónsul',
  6. trilogia:'Escipion'
  7. },
  8. {
  9. titulo: 'Las Legiones Malditas',
  10. trilogia:'Escipion'
  11. }
  12. ]
  13. }

Vemos que la propiedad libros contiene un conjunto de objetos representando los libros del array.

Si utilizamos un unpacking de objetos y hacemos lo siguiente:

  1. var {libros: [{titulo}]} = autor;
  2. console.log(titulo);

Lo que vamos a conseguir es obtener el primer valor del objeto anidado. Si bien, a nosotros lo que nos interesa es hacer un unpacking iterando objetos en Javascript para poder mostrar el valor de todos los libros del array.

Para poder hacer una iteración nos apoyamos en la sentencia for...of. Dentro de la sentencia for...of vamos a utilizar el unpacking del objeto. La estructura de código será la siguiente:

  1. for (var {propiedad} of array) { ... }

Así, si queremos mostrar todos los libros del array escribiremos:

  1. var {libros} = autor;
  2.  
  3. for (var {titulo} of libros)
  4. console.log(titulo);

Vemos que hemos hecho una primera desestructuración de la propiedad libros que es la que tiene el array y que luego se la hemos pasado a la estructura for...of.

De esta forma hemos conseguido hacer un unpacking iterando objetos en Javascript.

Vídeos sobre Javascript


¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*

*