使用 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...inconsole.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); // 输出: trueconsole.log('toString' in myObject); // 输出: true (toString 是 Object 原型上的属性)
hasOwnProperty()
方法: 如果指定的属性是对象自身的属性，而不是继承来的，则
hasOwnProperty()
方法返回
true
。
const myObject = { name: 'Alice'};console.log(myObject.hasOwnProperty('name')); // 输出: trueconsole.log(myObject.hasOwnProperty('toString')); // 输出: false
以上就是js中怎样获取对象的key列表的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1513411.html
微信扫一扫 
支付宝扫一扫 
