在前端开发中，我们经常需要遍历对象的属性来进行各种操作。在 ES6 中，引入了 Object.keys()、Object.values()、Object.entries() 等方法来帮助我们便捷地遍历对象属性。但是在某些情况下，这些方法仍然有所不足。在 ES12 中，新增了一些解决对象属性遍历问题的方法，本文将详细介绍它们的使用方法。
Object.getOwnPropertyNames()
Object.getOwnPropertyNames() 方法返回一个由指定对象的所有自身属性的属性名组成的数组，不包括继承的属性和符号属性。语法如下：
Object.getOwnPropertyNames(obj)
其中，obj 表示要获取属性名的对象。
示例代码：
const obj = {
a: 'apple',
b: 'banana'
};
console.log(Object.getOwnPropertyNames(obj)); // ['a', 'b']Object.getOwnPropertySymbols()
Object.getOwnPropertySymbols() 方法返回一个由指定对象的所有自身符号属性的符号组成的数组，不包括继承的和非符号属性。语法如下：
Object.getOwnPropertySymbols(obj)
其中，obj 表示要获取符号属性的对象。
示例代码：
const shape = Symbol('shape');
const obj = {
[shape]: 'triangle',
a: 'apple',
b: 'banana'
};
console.log(Object.getOwnPropertySymbols(obj)); // [Symbol(shape)]Reflect.ownKeys()
Reflect.ownKeys() 方法返回一个由指定对象的所有自身属性的属性名和符号组成的数组，包括继承的属性和符号属性。语法如下：
Reflect.ownKeys(obj)
其中，obj 表示要获取属性名和符号的对象。
示例代码：
-- -------------------- ---- ------- ----- ----- - ---------------- ----- ---- - - -------- ----------- -- -------- -- -------- -- ----- ---- - -------------------- ------ - --------- ----------------------------------- -- ----- -------------- ---- ----
总结
ES12 中的 Object.getOwnPropertyNames()、Object.getOwnPropertySymbols() 和 Reflect.ownKeys() 方法能够帮助我们更方便地遍历对象的属性，不仅包括对象自身的属性，还包括继承的属性和符号属性。同时，它们也提供了更多的灵活性，让我们可以更好地进行对象属性的操作。
需要注意的是，在使用这些方法时，可能会存在一些性能问题。比如，当对象中存在大量属性时，遍历可能会导致性能下降。因此，在实际使用中，我们需要根据具体情况来决定使用哪种方法，以及如何最大程度地提高性能。
参考链接：
MDN - Object.getOwnPropertyNames()
MDN - Object.getOwnPropertySymbols()
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649d23d048841e98949dc4aa