当我们处理 JavaScript 中的对象时，有时候需要遍历该对象的每个属性和值。对于数组，可以使用 for 循环或者 forEach() 方法，但是对于对象，这些方法并不能直接使用。
在对象中存储键值对，我们可以通过迭代对象哈希表来访问和操作它们。哈希表是一种数据结构，它将键映射到值，以便快速查找和访问它们。在 JavaScript 中，对象就是一个哈希表，键是对象的属性名称，值是属性的值。
for...in 循环
最常见的遍历对象属性的方法是使用 for...in 循环。这个循环会枚举对象的所有可枚举属性，包括继承自原型链的属性。
-- -------------------- ---- ------- ----- ------ - - ----- -------- ---- --- ------- -------- -- --- ---- --- -- ------- - -------------------- ----------------- -
输出：
name: Alice age: 30 gender: female
需要注意的是，for...in 循环不保证属性的顺序。如果您需要按照特定顺序遍历属性，请考虑将属性存储在数组中并进行排序。
此外，for...in 循环还会遍历对象的原型链上的属性。如果您只想遍历对象自身的属性，请使用 hasOwnProperty() 方法进行检查。
for (let key in person) {
if (person.hasOwnProperty(key)) {
console.log(`${key}: ${person[key]}`);
}
}Object.keys()
如果您只需要遍历对象自身的属性，可以使用 Object.keys() 方法获取对象的所有可枚举属性名称，并使用 forEach() 循环或者 for...of 循环遍历它们。
-- -------------------- ---- ------- ----- ------ - - ----- -------- ---- --- ------- -------- -- ------------------------------- -- - -------------------- ----------------- ---
输出：
name: Alice age: 30 gender: female
Object.entries()
如果您需要同时遍历键和值，可以使用 Object.entries() 方法获取对象的所有可枚举属性名和值，并使用 forEach() 循环或者 for...of 循环遍历它们。
-- -------------------- ---- ------- ----- ------ - - ----- -------- ---- --- ------- -------- -- ------------------------------------- ------- -- - -------------------- ----------- ---
输出：
name: Alice age: 30 gender: female
总结
遍历对象有多种方式，其中 for...in 循环、Object.keys() 和 Object.entries() 方法是最常见的三种方法。我们可以根据实际情况选择合适的方法来访问并操作对象的属性和值。
需要注意的是，在迭代对象哈希表时，我们需要注意属性的可枚举性、顺序和继承关系。正确使用这些方法可以帮助我们更加高效地操作对象，提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/27525