1. 前端开发必备：JavaScript获取对象键名的5种方法与性能要点
1. Object.keys(obj) 获取自有且可枚举的键名
在日常前端开发中，Object.keys(obj)是获取对象自有键名的最常用方法。它仅返回对象自身的可枚举属性名，忽略原型链上的属性，极大简化了遍历需求。
从性能角度看，Object.keys(obj)通常是最快的选项之一，适合对大量对象进行键名提取时使用。对于简单对象，吞吐量和内存消耗都较低，能快速生成一个键名数组。
// 示例
const obj = { a: 1, b: 2, c: 3 };
const keys = Object.keys(obj);
console.log(keys); // ['a', 'b', 'c']
若对象的键名需要在后续处理中立即映射或过滤，先使用Object.keys再进行数组方法往往能带来清晰且高效的代码结构。
2. Object.getOwnPropertyNames(obj) 获取自有属性的所有键名（包括不可枚举）
Object.getOwnPropertyNames(obj)会返回对象自有的所有属性名，包括不可枚举的属性。这在需要遍历对象的完整结构时非常有用，但要注意键名中可能包含非可枚举属性描述。
关于性能，获取全部自有属性名的开销通常高于Object.keys，但在需要枚举不可枚举键时是必需的工具。它与对象的密切关系较高，适合一次性检索所有键名再做后续处理。
// 示例
const obj = {};
Object.defineProperty(obj, 'a', { value: 1, enumerable: false });
Object.defineProperty(obj, 'b', { value: 2, enumerable: true });
const names = Object.getOwnPropertyNames(obj);
console.log(names); // ['a', 'b']
如果后续操作需要对不可枚举属性进行访问或复制，这个方法提供了必要的覆盖范围。
3. Object.getOwnPropertySymbols(obj) 获取自有Symbol键
对于使用符号作为属性键的对象，Object.getOwnPropertySymbols(obj)能够返回自有的Symbol键集合。符号键在枚举行为上与字符串键不同，通常用于隐藏实现细节或避免冲突。
性能方面，获取Symbol键的开销相对较小，但通常比字符串键的获取要慢一点，因为涉及Symbol类型的辨识和数组拼接。在需要与符号属性交互的场景中，这是不可或缺的方法。
// 示例
const s1 = Symbol('s1');
const obj = { a: 1 };
obj[s1] = 2;
const symbols = Object.getOwnPropertySymbols(obj);
console.log(symbols); // [ Symbol(s1) ]
如果你的对象同时存在字符串键和符号键，结合其他方法一起使用，能够获得完整的属性结构信息。
4. Reflect.ownKeys(obj) 获取自有键名的全集（包括字符串和Symbol，以及不可枚举）
Reflect.ownKeys(obj)返回对象自有键名的全集，包含字符串键、Symbol键以及不可枚举的键。这是一个一次性获取完整键名的强大工具，适用于需要对对象结构进行深度克隆、序列化或对比时的场景。
从性能角度看，Reflect.ownKeys通常比单独调用Object.keys/Object.getOwnPropertyNames稍慢，但它的“全覆盖”特性在某些复杂对象上更具价值。若你需要同时处理字符串与Symbol键，这是一把“总开关”工具。
// 示例
const s = Symbol('s');
const obj = { a: 1, b: 2 };
Object.defineProperty(obj, 'c', { value: 3, enumerable: false });
obj[s] = 4;
const allKeys = Reflect.ownKeys(obj);
console.log(allKeys); // ['a', 'b', 'c', Symbol(s)]
在进行对象对比、拷贝或数据同步时，使用Reflect.ownKeys可以避免漏掉符号键或不可枚举键。
5. 使用 for...in 循环结合 hasOwnProperty 过滤出自有的可枚举键名
虽然for...in会遍历对象及其原型链上的可枚举属性，但通过hasOwnProperty过滤后，可以得到对象本身的可枚举键名列表。
性能要点方面，for...in 循环通常比Object.keys慢，因为需要遍历原型链并逐项检查属性描述。它更多用于兼容性较差的环境或需要动态检测的场景，而在现代浏览器中，直接使用Object.keys往往更高效。
// 示例
const proto = { inherited: 1 };
const obj = Object.create(proto);
obj.a = 1;
obj.b = 2;const keys = [];
for (const key in obj) {if (Object.prototype.hasOwnProperty.call(obj, key)) {keys.push(key);}
}
console.log(keys); // ['a', 'b']
在需要对对象进行动态属性筛选、条件性处理或对某些环境进行降级兼容时，for...in 的组合方法仍然有实际价值。
