获取 JavaScript 对象的键名

JavaScript 对象是一种非常常见的数据结构，在前端开发中尤为重要。在许多场景下，我们需要对对象进行遍历或其它操作，因此获取对象的键名（也就是属性名）是必不可少的。

使用 Object.keys() 方法

Object.keys() 方法可以获取一个对象所有自身可枚举属性的键名，并返回一个数组。下面是该方法的语法：

Object.keys(obj)

其中 obj 是目标对象。

下面是一个例子：

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

该示例中，我们定义了一个对象 obj，包含三个属性。然后使用 Object.keys() 方法获取了该对象的所有属性名，存入变量 keys 中，最终输出该数组。

需要注意的是，Object.keys() 方法只会获取对象自身的可枚举属性，而不会获取其原型链上的属性。如果需要获取原型链上的属性，可以使用 Object.getOwnPropertyNames() 方法。

使用 for...in 循环

除了 Object.keys() 方法外，我们还可以使用 for...in 循环来获取对象的所有键名。for...in 循环会遍历对象的所有可枚举属性，包括对象自身和其原型链上的属性。

下面是一个例子：

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

该示例中，我们使用 for...in 循环遍历了对象 obj 的所有可枚举属性，并依次输出每个属性的键名。

需要注意的是，for...in 循环除了会遍历对象自身的属性外，还会遍历其原型链上的属性。因此在使用 for...in 循环时，需要使用 hasOwnProperty() 方法来判断一个属性是否为对象自身的属性。具体用法如下：

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

小结

获取 JavaScript 对象的键名是前端开发中非常基础且重要的操作。在本文中，我们介绍了两种获取对象键名的方法，即 Object.keys() 方法和 for...in 循环。Object.keys() 方法只会获取对象自身的可枚举属性，而 for...in 循环会遍历对象的所有可枚举属性，包括对象自身和其原型链上的属性。在使用 for...in 循环时，需要注意判断一个属性是否为对象自身的属性。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/14958