js 获取对象 key

js 获取对象 key

在 JavaScript 中，对象是一种由 key-value对构成的数据结构。有时候我们需要获取对象的 key 值，以便进行进一步的操作。本文将探讨如何在 JavaScript 中获取对象的 key。

方法一：使用 Object.keys()

Object.keys() 方法会返回一个由对象所有可枚举属性的 key 组成的数组。我们可以利用这一点来快速获取对象的 key。下面是一个简单的示例：

const obj = {
  name: 'Alice',
  age: 25,
  city: 'New York'
}

const keys = Object.keys(obj);
console.log(keys); // output: ["name", "age", "city"]

在这个示例中，我们先创建了一个包含三个 key-value 对的对象 obj。然后使用 Object.keys() 方法获取该对象的所有 key，并将其存储在一个名为 keys 的数组中。最后打印出 keys 数组，我们可以看到它包含了对象 obj 的所有 key。

方法二：使用 for…in 循环

除了使用 Object.keys() 方法外，我们还可以通过 for…in 循环来遍历对象的 key。下面是一个示例：

const obj = {
  name: 'Alice',
  age: 25,
  city: 'New York'
}

for (let key in obj) {
  console.log(key); // output: name, age, city
}

在这个示例中，我们使用 for…in 循环遍历对象 obj 的 key，并逐一打印出每个 key 的值。注意，for…in 循环会遍历对象的所有可枚举属性，包括从原型链继承的属性。如果只想获取对象本身的属性，可以使用 hasOwnProperty() 方法进行判断：

for (let key in obj) {
  if (obj.hasOwnProperty(key)) {
    console.log(key); // output: name, age, city
  }
}

方法三：使用 Reflect.ownKeys()

ES6 引入了 Reflect 对象，其中的 Reflect.ownKeys() 方法可以返回一个由对象所有 key 组成的数组，包括不可枚举属性和 Symbol 类型的属性。下面是一个示例：

const obj = {
  [Symbol('key')]: 'value',
  name: 'Alice',
  age: 25,
  city: 'New York'
}

const keys = Reflect.ownKeys(obj);
console.log(keys); // output: [Symbol(key), "name", "age", "city"]

在这个示例中，我们创建了一个对象 obj，其中包含了一个 Symbol 类型的属性以及三个普通属性。使用 Reflect.ownKeys() 方法可以获取对象 obj 的所有 key，包括 Symbol 类型的属性。

总结

在 JavaScript 中，获取对象的 key 可以通过 Object.keys()、for…in 循环和 Reflect.ownKeys() 方法实现。Object.keys() 方法返回一个只包含对象可枚举属性的 key 数组；for…in 循环可以遍历对象的所有 key，包括原型链上的属性，需要通过 hasOwnProperty() 方法进行判断；Reflect.ownKeys() 方法返回一个包含对象所有 key 的数组，包括不可枚举属性和 Symbol 类型的属性。