JS获取对象所有键的几种方法

在文章实战开发的过程中，我们经常会遇到一些这样那样的问题，然后要卡好半天，等问题解决了才发现原来一些细节知识点还是没有掌握好。今天golang学习网就整理分享《JS获取对象key列表的方法》，聊聊，希望可以帮助到正在努力赚钱的你。

使用 Object.keys(obj) 获取对象自身所有可枚举属性的键名；2. 使用 Object.getOwnPropertyNames(obj) 获取对象自身所有属性（包括不可枚举）的键名；3. 使用 for...in 循环结合 hasOwnProperty() 遍历对象自身的可枚举属性；4. 结合 Object.getPrototypeOf() 与递归获取对象及其原型链上所有可枚举的键名；5. 使用 Object.getOwnPropertySymbols() 获取 Symbol 类型的键名；6. 使用 in 操作符判断属性是否存在于对象或其原型链中，使用 hasOwnProperty() 判断属性是否为对象自身的属性。这些方法可根据具体需求选择使用，以准确获取或判断对象的键名。

获取 JavaScript 对象的所有 key，最直接的方法就是使用 Object.keys()。它会返回一个包含对象所有可枚举属性名的数组。但有时，你可能需要考虑原型链上的属性，或者只想获取特定类型的 key。

Object.keys() 是最常用的方法，但还有一些其他的选择，取决于你的具体需求。

解决方案（直接输出解决方案即可）

1. Object.keys(obj): 这是最简单直接的方法。它返回一个数组，包含 obj 对象自身所有可枚举属性的键名。

   

   const myObject = {
     name: 'Alice',
     age: 30,
     city: 'New York'
   };
   
   const keys = Object.keys(myObject);
   console.log(keys); // 输出: ["name", "age", "city"]

2. Object.getOwnPropertyNames(obj): 这个方法会返回一个数组，包含 obj 对象自身的所有属性键名，包括不可枚举的属性。

   const myObject = {};
   Object.defineProperty(myObject, 'hiddenProperty', {
     value: 'secret',
     enumerable: false // 不可枚举
   });
   myObject.visibleProperty = 'public';
   
   const keys = Object.getOwnPropertyNames(myObject);
   console.log(keys); // 输出: ["hiddenProperty", "visibleProperty"]

3. for...in 循环: 这个循环会遍历对象自身以及原型链上的所有可枚举属性。你需要使用 hasOwnProperty() 方法来过滤掉原型链上的属性，只保留对象自身的属性。

   

   const myObject = {
     name: 'Alice',
     age: 30
   };
   
   // 添加到原型
   Object.prototype.greeting = function() {
     console.log("Hello!");
   };
   
   const keys = [];
   for (let key in myObject) {
     if (myObject.hasOwnProperty(key)) {
       keys.push(key);
     }
   }
   
   console.log(keys); // 输出: ["name", "age"]
   delete Object.prototype.greeting; //清理原型，避免污染

4. 结合 Object.getPrototypeOf() 和 Object.keys() 递归获取所有 key: 如果你需要获取对象及其原型链上所有可枚举的 key，可以结合使用 Object.getPrototypeOf() 和 Object.keys() 进行递归。

   function getAllKeys(obj) {
     let keys = Object.keys(obj);
     let proto = Object.getPrototypeOf(obj);
   
     if (proto) {
       keys = keys.concat(getAllKeys(proto));
     }
   
     return keys;
   }
   
   const parent = {
     parentProperty: 'parentValue'
   };
   
   const child = Object.create(parent);
   child.childProperty = 'childValue';
   
   const allKeys = getAllKeys(child);
   console.log(allKeys); // 输出: ["childProperty", "parentProperty"]

如何处理 Symbol 类型的 key？

Object.keys() 和 Object.getOwnPropertyNames() 都不会返回 Symbol 类型的 key。要获取 Symbol 类型的 key，你需要使用 Object.getOwnPropertySymbols() 方法。

const myObject = {
  [Symbol('mySymbol')]: 'symbolValue',
  name: 'Alice'
};

const symbolKeys = Object.getOwnPropertySymbols(myObject);
console.log(symbolKeys); // 输出: [Symbol(mySymbol)]

如果你想同时获取字符串类型的 key 和 Symbol 类型的 key，可以结合使用 Object.keys() 和 Object.getOwnPropertySymbols()。

const myObject = {
  [Symbol('mySymbol')]: 'symbolValue',
  name: 'Alice'
};

const stringKeys = Object.keys(myObject);
const symbolKeys = Object.getOwnPropertySymbols(myObject);
const allKeys = stringKeys.concat(symbolKeys);

console.log(allKeys); // 输出: ["name", Symbol(mySymbol)]

性能考量：Object.keys() vs. for...in

通常来说，Object.keys() 比 for...in 循环更快，因为它不需要遍历原型链，而且现代 JavaScript 引擎对 Object.keys() 做了优化。 但是，如果你的目标是遍历对象的所有可枚举属性（包括原型链上的），那么 for...in 循环仍然是一个合适的选择。 关键在于，用 hasOwnProperty() 过滤掉不属于对象自身的属性。

const obj = { a: 1, b: 2 };
const proto = { c: 3 };
Object.setPrototypeOf(obj, proto);

// Object.keys()
console.time('Object.keys');
Object.keys(obj); // 只返回 obj 自身的属性
console.timeEnd('Object.keys');

// for...in
console.time('for...in');
for (let key in obj) {
  // 这里没有使用 hasOwnProperty，所以会遍历原型链上的属性
}
console.timeEnd('for...in');

console.time('for...in with hasOwnProperty');
for (let key in obj) {
  if (obj.hasOwnProperty(key)) { // 只返回 obj 自身的属性
  }
}
console.timeEnd('for...in with hasOwnProperty');

如何判断一个 key 是否存在于对象中？

有时候，你可能不是要获取所有的 key，而是要判断一个特定的 key 是否存在于对象中。 这时，可以使用 in 操作符或者 hasOwnProperty() 方法。

• in 操作符: 如果指定的属性在对象或其原型链中，则 in 操作符返回 true。

  const myObject = {
    name: 'Alice'
  };
  
  console.log('name' in myObject); // 输出: true
  console.log('toString' in myObject); // 输出: true (toString 是 Object 原型上的属性)

• hasOwnProperty() 方法: 如果指定的属性是对象自身的属性，而不是继承来的，则 hasOwnProperty() 方法返回 true。

  const myObject = {
    name: 'Alice'
  };
  
  console.log(myObject.hasOwnProperty('name')); // 输出: true
  console.log(myObject.hasOwnProperty('toString')); // 输出: false

今天关于《JS获取对象所有键的几种方法》的内容介绍就到此结束，如果有什么疑问或者建议，可以在golang学习网公众号下多多回复交流；文中若有不正之处，也希望回复留言以告知！