经常遍历JS对象键/值总是很痛苦。在网络上看到一些简单的遍历方式记录一次。
-
使用forEach 进行遍历对象
// 使用 Object.keys() 获取对象的键，然后使用 forEach 来遍历键数组。
const dataJs= {
name: '小明',
age: '18岁',
sex:'男';
};
Object.keys(dataJs).forEach(item=> {
console.log(item, dataJs[item]);
});
// 'name', '小明'
// 'age', '18岁'
// 'sex', '男'
-
使用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 循环遍历数组，并将每个元组解构赋值。
