如何遍历JavaScript中的对象属性

If you have an object, you can’t just iterate it using map(), forEach() or a for..of loop.

如果您有一个对象，则不能仅使用map() ， forEach()或for..of循环对其进行迭代。

You will get errors:

您将得到错误：

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

map() will give you TypeError: items.map is not a function:

map()会给您TypeError: items.map is not a function ：

items.map(item => {})

forEach() will give you TypeError: items.forEach is not a function:

forEach()会给您TypeError: items.forEach is not a function ：

items.forEach(item => {})

for..of will give you TypeError: items is not iterable:

for..of会给您TypeError: items is not iterable ：

for (const item of items) {}

So, what can you do to iterate?

那么，您可以做些什么来迭代呢？

for..in is a simpler way:

for..in是一种更简单的方法：

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

You can also call Object.entries() to generate an array with all its enumerable properties, and loop through that, using any of the above methods:

您还可以调用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/