Cómo iterar sobre las propiedades de un objeto en JavaScript

He aquí una tarea muy común: iterar sobre las propiedades de un objeto en JavaScript.

Si tienes un objeto, no puedes simplemente iterarlo usando map(), forEach()o un for..ofbucle.

Recibirás errores:

const items = {  'first': new Date(),  'second': 2,  'third': 'test'}

map()te daré TypeError: items.map is not a function:

items.map(item = {})

forEach()te daré TypeError: items.forEach is not a function:

items.forEach(item = {})

for..ofte daré TypeError: items is not iterable:

for (const item of items) {}

Entonces, ¿qué puedes hacer para iterar?

for..inEs una forma más sencilla:

for (const item in items) {  console.log(item)}

También puedes llamar Object.entries()para generar una matriz con todas sus propiedades enumerables y recorrerla, utilizando cualquiera de los métodos anteriores:

Object.entries(items).map(item = {  console.log(item)})Object.entries(items).forEach(item = {  console.log(item)})for (const item of Object.entries(items)) {  console.log(item)}

Tips para principiantes de JavaScript

Tal vez te puede interesar:

1. Cómo generar un número aleatorio entre dos números en JavaScript
2. Cómo esperar el evento DOM listo en JavaScript simple
3. Cómo determinar si una fecha es hoy en JavaScript
4. Cómo contar el número de propiedades en un objeto JavaScript