经常遍历JS对象键/值总是很痛苦。在网络上看到一些简单的遍历方式记录一次。

1. 使用forEach 进行遍历对象

// 使用 Object.keys() 获取对象的键，然后使用 forEach 来遍历键数组。
const dataJs= {
  name: '小明',
  age: '18岁',
  sex:'男';
};

Object.keys(dataJs).forEach(item=> {
  console.log(item, dataJs[item]);
});
// 'name', '小明'
// 'age', '18岁'
// 'sex', '男'

2. 使用for...of进行遍历对象

// Object.entries() 函数与 for...of 组合
const dataJs= {
  name: '小明',
  age: '18岁',
  sex:'男';
};
for (const [item, value] of Object.entries(dataJs)) {
  console.log(item, value);
}
// 'name', '小明'
// 'age', '18岁'
// 'sex', '男'

Object.entries(dataJs) 其实是返回一个数组：[[''name'，'小明']，['age'，'18岁']，['sex'，'男']]。然后，使用 for...of ，forEach 循环遍历数组，并将每个元组解构赋值。

原文地址：https://dmitripavlutin.com/javascript-for-of/