ES11 中的 for-in 循环和 Object.getOwnPropertySymbols 方法，解决 JavaScript 中遍历对象属性问题
在 JavaScript 中，我们经常需要遍历对象的属性，以便对它们进行处理或访问它们的值。但是传统的 for-in 循环只能遍历对象的可枚举属性，并且它也无法遍历 Symbol 类型的属性。 这种情况下，ES11 中的 for-in 循环和 Object.getOwnPropertySymbols 方法就能很好地解决这个问题。
ES11 中的 for-in 循环
ES11 中的 for-in 循环可以遍历对象的所有属性，包括可枚举属性和 Symbol 类型的属性。这是在 ES6 中引入的可计算属性名的运算符 [] 和 for-of 循环的升级版，用于遍历对象的属性和值。
使用 for-in 循环的语法如下：
for (let key in object) {
console.log(key);
}下面是一个示例代码：
-- -------------------- ---- ------- ----- ------ - - ----- ------- ---- --- ------------------------- ---------- -- --- ---- --- -- ------- - --------------- - -- - - ------------- -
输出结果：
name: Mary age: 21 Symbol(language): English
注意：使用 for-in 循环遍历属性时，可能会遍历到对象原型链中的属性，因此我们应该使用 hasOwnProperty 方法来检查属性是否是对象自身的属性。
Object.getOwnPropertySymbols 方法
Object.getOwnPropertySymbols 方法可以获取对象的所有 Symbol 类型的属性。它返回一个数组，其中包含对象 Symbol 类型的属性键。
使用 Object.getOwnPropertySymbols 方法的语法如下：
Object.getOwnPropertySymbols(object)
下面是一个示例代码：
const person = {
name: 'Mary',
age: 21,
[Symbol.for('language')]: 'English',
};
const symbols = Object.getOwnPropertySymbols(person);
console.log(symbols);输出结果：
[Symbol(language)]
需要注意的是，Object.getOwnPropertySymbols 方法只能获取 Symbol 类型的属性，不能获取其他类型的属性。
结论
ES11 中的 for-in 循环和 Object.getOwnPropertySymbols 方法可以很好地解决 JavaScript 中遍历对象属性的问题。使用它们可以遍历对象的所有属性，包括可枚举属性和 Symbol 类型的属性，使得我们能够更加全面地处理或访问对象属性。同时，我们也需要注意遍历对象原型链中的属性并使用 hasOwnProperty 方法来检查属性是否为对象自身的属性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6701f9477a9ed5a06b6f2226