遍历对象的键 - JavaScript

在 JavaScript 中，我们经常需要遍历对象的键（properties/keys）来执行一些操作。对象是一种键值对的集合，每个键都对应一个值。这个键值对被称为属性（properties）。在本文中，我们将探讨几种遍历对象的键的方法。

方法1: for...in 循环

for...in 循环是 JavaScript 中最基本的遍历对象的方法。它遍历对象的每个可枚举属性，并执行指定的代码块。

下面是一个示例，展示如何使用 for...in 循环遍历对象的键：

const obj = {a: 1, b: 2, c: 3};

for (let key in obj) {
  console.log(key);
}

以上代码将输出：

a
b
c

请注意，for...in 循环不仅遍历对象自身的可枚举属性，还会遍历对象原型链上的属性。因此，在使用 for...in 循环遍历对象时，需要注意使用 hasOwnProperty() 方法来检查属性是否是对象自身的属性。

const obj = {a: 1, b: 2, c: 3};

for (let key in obj) {
  if (obj.hasOwnProperty(key)) {
    console.log(key);
  }
}

方法2: Object.keys()

Object.keys() 方法返回一个给定对象自身可枚举属性的键组成的数组。它将返回一个包含所有键的数组，我们可以通过遍历这个数组来访问对象的键。

以下是使用 Object.keys() 遍历对象的键的示例：

const obj = {a: 1, b: 2, c: 3};

const keys = Object.keys(obj);

for (let key of keys) {
  console.log(key);
}

输出结果相同：

a
b
c

方法3: Object.getOwnPropertyNames()

Object.getOwnPropertyNames() 方法返回一个给定对象自身所有属性的键（包括不可枚举属性）组成的数组。

以下是使用 Object.getOwnPropertyNames() 遍历对象的键的示例：

const obj = {a: 1, b: 2, c: 3};

const keys = Object.getOwnPropertyNames(obj);

for (let key of keys) {
  console.log(key);
}

输出结果同样为：

a
b
c

请注意，与 Object.keys() 不同，Object.getOwnPropertyNames() 会返回对象的不可枚举属性。

方法4: Reflect.ownKeys()

Reflect.ownKeys() 方法返回一个给定对象自身的所有键的数组（包括可枚举和不可枚举属性）。

以下是使用 Reflect.ownKeys() 遍历对象的键的示例：

const obj = {a: 1, b: 2, c: 3};

const keys = Reflect.ownKeys(obj);

for (let key of keys) {
  console.log(key);
}

输出结果与之前相同：

a
b
c

请注意，与前面的方法不同，Reflect.ownKeys() 可以返回对象的不可枚举属性。

以上是 JavaScript 中遍历对象键的几种常用方法。根据实际需要选择合适的方法来遍历对象的键，以便执行相应的操作。

注意：以上代码片段返回的是 Markdown 格式。