DEV Community

Cover image for 5 maneras de iterar un objeto en JavaScript

5 maneras de iterar un objeto en JavaScript

Cristian Fernando on August 10, 2020

Los objetos son estructuras de datos bastante importantes en JavaScript, internamente el lenguaje administra todo mediante objetos. Recorrerlos o i...
Collapse
 
franmore_dev profile image
Franco Moreira

messi rve

Collapse
 
febu10 profile image
Andrea Elizabeth Castelo

Exelnte y claro!!!

Collapse
 
duxtech profile image
Cristian Fernando

Muchas gracias por tu comentario

Collapse
 
gcisneros27 profile image
Gabriel Cisneros

Gracias excelente post

Collapse
 
duxtech profile image
Cristian Fernando

gracias a ti por leerlo y dejarme tu comentario

Collapse
 
sebapinery profile image
sebapinery

Muchas gracias!

Collapse
 
duxtech profile image
Cristian Fernando

Gracias a ti por leer mi post y dejar un comentario @sebapinery
Saludos!

Collapse
 
patxiarana profile image
patxiarana

hola amigo muy buen post, realmente me fue de gran utilidad, podrias decirme en caso de que tenga que iterar un array de objetos, como podria hacer para hacerlo?,
saludos

Collapse
 
duxtech profile image
Cristian Fernando

Claro que si. Imagina que tienes el siguiente array de objetos:

const perros = [
  {
    id:1,
    nombre:"Boby",
    edad:2,
  },
  {
    id:2,
    nombre:"Pepe",
    edad:4,
  },
  {
    id:3,
    nombre:"Pelusa",
    edad:1,
  },
];
Enter fullscreen mode Exit fullscreen mode

Para recorrerlo lo más fácil que puedes hacer es usar un map():

const salida = perros.map(({nombre, edad}) => {
  return `El perror se llama ${nombre} y tiene ${edad} años`
})
Enter fullscreen mode Exit fullscreen mode

Un saludo y gracias por tu pregunta.

Collapse
 
davidrg37 profile image
Davidrg37

Esta tremendo esta opcion!
Sin embargo quiero tratar de llegar al valor de la clave.
Ej yo tengo ---> objeto pelicula1 {nombre : a;
categoria : b;
opcion : c;
formato: d;
horario1: 15,
horario2: 16,
horario3: 18}
de las cuales quiero llegar a las horas de cada horario (ya sea 1 o todas por separado) pero no tengo exito.
Por ej, recorro el objeto con =====>

let hora = Object.values(pelicula1);
for(let i = 0; i<=3;i+=1){
console.log(hora[i]);
}

pero me da como resultado nombre, categoria, opcion, formato (no me trajo ningun horario). Como podría llegar directamente al horario.

P.D. para colocarlo, termine haciendo i = 4; i<=6; i+=1; pero como tengo muchas peliculas, tuve que modificar i en cada pelicula (por ej hay peliculas que tienen 12 funciones). Algún consejo de como llevar solo lo que tiene horario?

Collapse
 
juliocesarsolis266 profile image
Julio Cesar Solis

No soy experto pero creo q a horarios los hubieses puesto juntos en un sub-objeto. Y así podrías recorrer ese solo...

Collapse
 
inndigo profile image
Max Napuche

Muy bien explicado!

Collapse
 
duxtech profile image
Cristian Fernando

Muchas gracias

Collapse
 
rodrigocalle profile image
rodrigo-calle

Gracias

Collapse
 
duxtech profile image
Cristian Fernando

Gracias por tu comentario

Collapse
 
fmsalinas111 profile image
fmsalinas111

Gracias Cristian.
Un saludo a La Paz

Collapse
 
irwingb profile image
irwingb

Gracias maestro.
El que creo es más fácil de recordar es el 3ro.

Collapse
 
h2jose profile image
José Hernández

Muchisimas gracias, me hiciste el dia