使用JavaScript迭代对象键的方法

在JavaScript中，有多种方法可以迭代对象的键，下面我将详细讲解每种方法的使用方式和注意事项。

1. for…in 循环

for...in 循环是最常用的迭代对象键的方法，它遍历一个对象的所有可枚举属性，包括原型链上的属性。

const obj = {a: 1, b: 2, c: 3};
for (let key in obj) {
  console.log(key); // 输出：a, b, c
}

注意：for...in 循环会遍历所有可枚举属性，包括从原型链继承的属性，如果你只想遍历对象自身的属性，可以使用 hasOwnProperty 方法进行过滤。

for (let key in obj) {
  if (obj.hasOwnProperty(key)) {
    console.log(key); // 输出：a, b, c
  }
}

2. Object.keys() 方法

Object.keys() 方法返回一个包含对象自身所有可枚举属性的数组，这个方法不会遍历原型链上的属性。

const obj = {a: 1, b: 2, c: 3};
const keys = Object.keys(obj);
console.log(keys); // 输出：['a', 'b', 'c']

3. Object.getOwnPropertyNames() 方法

Object.getOwnPropertyNames() 方法返回一个包含对象自身所有属性（包括不可枚举属性）的数组，这个方法也不会遍历原型链上的属性。

const obj = {a: 1, b: 2, c: 3};
obj.d = 4; // 添加一个不可枚举属性
const keys = Object.getOwnPropertyNames(obj);
console.log(keys); // 输出：['a', 'b', 'c', 'd']

4. Object.entries() 方法

Object.entries() 方法返回一个包含对象自身所有可枚举属性的键值对数组，这个方法也不会遍历原型链上的属性。

const obj = {a: 1, b: 2, c: 3};
const entries = Object.entries(obj);
console.log(entries); // 输出：[['a', 1], ['b', 2], ['c', 3]]

5. for…of 循环（配合 Object.entries()）

for...of 循环可以用于遍历可迭代对象，如数组、字符串等，我们可以将 Object.entries() 方法与 for...of 循环结合使用，以遍历对象的键值对。

const obj = {a: 1, b: 2, c: 3};
for (let [key, value] of Object.entries(obj)) {
  console.log(key, value); // 输出：a 1, b 2, c 3
}

归纳一下，根据不同的需求，你可以选择合适的方法来迭代对象的键，如果需要遍历对象自身的属性，可以使用 for...in 循环配合 hasOwnProperty 方法，或者使用 Object.keys()、Object.getOwnPropertyNames()、Object.entries() 方法，如果需要遍历对象的键值对，可以使用 for...of 循环配合 Object.entries() 方法。