ES6 中如何使用 Object.keys 获取对象的键名

在 JavaScript 中，对象是一种非常常见的数据结构，它由一组键值对（key-value pairs）组成。在开发过程中，经常需要获取对象的键名，以便于进行操作和处理。ES6 提供了一种方便的方法来获取对象的所有键名：Object.keys()。

使用 Object.keys()

Object.keys(obj) 方法接收一个对象 obj 作为参数，并返回一个包含 obj 所有可枚举属性的键的数组。这个数组的顺序与通过 for...in 循环遍历该对象时返回的顺序相同。

示例代码：

const person = {
  name: 'Tom',
  age: 20,
  gender: 'male'
};

const keys = Object.keys(person);
console.log(keys); // ['name', 'age', 'gender']

在上面的示例中，我们定义了一个对象 person，然后使用 Object.keys() 方法获取该对象的所有键名，并将结果存储在变量 keys 中。最后，我们通过 console.log() 方法输出了 keys 的值 ['name', 'age', 'gender']。

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

深度和学习意义

使用 Object.keys() 方法获取对象的键名，是编写现代 JavaScript 应用程序的基本技能之一。它的深度和学习意义如下：

1. 方便的获取对象键名

Object.keys() 方法提供了一种快速方便的方法来获取对象的键名，比起使用 for...in 循环或者 Object.getOwnPropertyNames() 方法来说更加直观、简洁。

1. 更好的数组迭代

使用 Object.keys() 方法可以将对象的键名转换为数组，从而可以使用更多数组方法进行迭代、查找等操作，比如 map、filter、reduce，这对于开发实际应用程序时非常有用。

1. 获取对象属性的可枚举性

Object.keys() 方法只会返回对象自身的可枚举属性，而继承自原型链的属性不会被包括。这对于理解 JavaScript 对象属性的可枚举性和继承关系很有帮助。

总结

Object.keys() 方法是一个非常有用的工具，可以方便快捷地获取对象的键名，并且可以将获取到的结果转换为数组，方便进行迭代、查找等操作。同时，它也有助于理解 JavaScript 对象属性的可枚举性和继承关系。在开发应用程序时，要善于运用这种方法，从而提高开发效率。

示例代码：

// www.javascriptcn.com code example
class Animal {
  constructor(name) {
    this.name = name;
  }
  
  speak() {
    console.log(`${this.name} makes a noise.`);
  }
}

class Dog extends Animal {
  constructor(name) {
    super(name);
  }
  
  speak() {
    console.log(`${this.name} barks.`);
  }
}

const dog = new Dog('Fido');

console.log(Object.keys(dog)); // ['name']
console.log(Object.getOwnPropertyNames(dog)); // ['name']

Source: FunTeaLearn,Please indicate the source for reprints https://funteas.com/post/64c9b99d5ad90b6d0417eee3