在前端开发中，经常需要获取对象属性名。本文将介绍几种获取对象属性名的方法，并对其深入分析，以及指导如何选择合适的方法。
直接访问对象属性名
最简单的方法就是直接访问对象的属性名，例如：
const obj = { foo: 1, bar: 2 };
console.log(obj.foo); // 输出 1这种方式适用于已知属性名的情况，但无法处理动态属性名的情况。
使用 Object.keys()
Object.keys() 方法返回一个由对象的所有可枚举属性名组成的数组。例如：
const obj = { foo: 1, bar: 2 };
const keys = Object.keys(obj);
console.log(keys); // 输出 ["foo", "bar"]使用 Object.keys() 可以处理动态属性名的情况，但不包括原型链上的属性。
使用 Object.getOwnPropertyNames()
Object.getOwnPropertyNames() 方法返回一个由对象的所有属性名（包括不可枚举属性）组成的数组。例如：
const obj = Object.create({ foo: 1 });
obj.bar = 2;
const keys = Object.getOwnPropertyNames(obj);
console.log(keys); // 输出 ["bar"]使用 Object.getOwnPropertyNames() 可以获取原型链上的属性名，但仍无法获取 Symbol 类型的属性名。
使用 Reflect.ownKeys()
Reflect.ownKeys() 方法返回一个由对象的所有属性名（包括 Symbol 类型属性和不可枚举属性）组成的数组。例如：
const sym = Symbol('sym');
const obj = Object.create({ foo: 1 });
obj.bar = 2;
obj[sym] = 3;
const keys = Reflect.ownKeys(obj);
console.log(keys); // 输出 ["bar", Symbol(sym)]使用 Reflect.ownKeys() 可以获取所有类型的属性名，但不包括原型链上的属性。
如何选择合适的方法？
在实际开发中，我们需要根据具体情况选择合适的获取对象属性名的方法。
- 如果已知属性名，直接访问对象属性名即可。
- 如果需要处理动态属性名，使用 Object.keys() 或 Reflect.ownKeys() 方法。
- 如果需要获取原型链上的属性名，使用 Object.getOwnPropertyNames() 或 Reflect.ownKeys() 方法。
- 如果需要获取 Symbol 类型的属性名，使用 Reflect.ownKeys() 方法。
示例代码
以下是一个使用 Reflect.ownKeys() 方法获取对象属性名的示例代码：
const sym = Symbol('sym');
const obj = Object.create({ foo: 1 });
obj.bar = 2;
obj[sym] = 3;
const keys = Reflect.ownKeys(obj);
keys.forEach(key => {
console.log(key, obj[key]);
});输出结果为：
bar 2 Symbol(sym) 3
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/13390