JavaScript - 查看对象键

在 JavaScript 中，对象是一种重要的数据类型，它们是由键和值组成的。键是唯一的，并且可以用来检索它们所属的值。本文将介绍如何查看对象的键。

使用 Object.keys() 方法

Object.keys() 方法返回一个对象的所有键。它的语法如下：

Object.keys(obj)

其中，obj 是要查看键的对象。

举个例子，假设有一个对象 person，它包含名字、年龄、职业等属性。我们可以使用 Object.keys() 方法来查看它的所有键：

const person = {
  name: '张三',
  age: 27,
  occupation: '程序员'
};

const keys = Object.keys(person);

console.log(keys); // 输出 [ 'name', 'age', 'occupation' ]

使用 for...in 循环

for...in 循环可以遍历对象的所有键。其语法如下：

for (variable in object) {
   // code to be executed
}

其中，variable 是当前属性的名称，object 是要遍历的对象。

以下是使用 for...in 循环遍历对象键的示例代码：

const person = {
  name: '张三',
  age: 27,
  occupation: '程序员'
};

for (let key in person) {
  console.log(key); // 输出 name，age，occupation
}

注意事项

• Object.keys() 方法不会遍历对象原型链上的属性。
• for...in 循环会遍历对象原型链上的所有可枚举属性，因此需要使用 hasOwnProperty() 方法来判断属性是否是对象自身的属性。

const obj = Object.create({ foo: 1 });
obj.bar = 2;

for (let key in obj) {
  console.log(key); // 输出 bar 和 foo
}

const keys = Object.keys(obj);

console.log(keys); // 输出 [ 'bar' ]

总结

本文介绍了如何查看 JavaScript 对象的键。使用 Object.keys() 方法可以直接返回所有键，而使用 for...in 循环则可以遍历对象的所有键。在使用 for...in 循环时，需要注意遍历的范围，以及正确地使用 hasOwnProperty() 方法。