Как перебирать свойства объекта в JavaScript

Если у вас есть объект, вы не можете просто повторить его с помощью map() , для каждого() или формы..из цикла.

Вы получите ошибки:

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

карта() выдаст вам Ошибку типа: элементы.карта не является функцией :

items.map(item => {})

Foreach() выдаст вам Ошибку типа: элементы.foreach не является функцией :

items.forEach(item => {})

ибо..из даст тебе Ошибка типа: элементы не могут быть повторены :

for (const item of items) {}

Итак, что вы можете сделать для повторения?

for..in это более простой способ:

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

Вы также можете вызвать Object.entries() для создания массива со всеми его перечислимыми свойствами и перебирать его, используя любой из вышеперечисленных методов:

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)
}

Оригинал: “https://flaviocopes.com/how-to-iterate-object-properties-javascript/”