使用 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
