使用 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() 是最常用的方法，但还有一些其他的选择，取决于你的具体需求。
解决方案（直接输出解决方案即可）
-
Object.keys(obj)
: 这是最简单直接的方法。它返回一个数组，包含
obj
对象自身所有可枚举属性的键名。
const myObject = { name: 'Alice', age: 30, city: 'New York' }; const keys = Object.keys(myObject); console.log(keys); // 输出: ["name", "age", "city"] -
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"] -
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; //清理原型，避免污染 -
结合
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
