在前端开发中，我们经常需要遍历 Object 对象，以便处理其中的数据。而在 ES9 中，使用 for-in 语句遍历 Object 对象时，会遇到一个 bug。具体表现为，在遍历时会把对象原型链上的属性也一同遍历，这可能导致我们得到不该得到的结果，甚至影响程序的正确性。本文将介绍这个 bug 的原因，并提供解决方法以及示例代码。
问题原因
首先，我们需要了解 Object 对象的三种属性：
- 实例属性：对象自身的属性，通过对象字面量或 Object.defineProperty() 来定义。
- 原型属性：出现在对象的原型链中，Object.prototype 是所有对象的原型。
- 不可枚举属性：使用 Object.create() 创建的对象的属性默认不可枚举。
在 ES9 中，使用 for-in 语句遍历 Object 对象时，会遍历对象自身的实例属性和原型链上可枚举的实例属性。这就是我们遇到的 bug 所在。
解决方法
要解决这个 bug，我们需要过滤掉原型属性和不可枚举属性。ES9 提供了两种方法来实现这个目标：
Object.keys() 方法
Object.keys() 方法返回一个包含对象自身的所有可枚举属性的属性名的数组。配合遍历使用即可过滤掉原型属性和不可枚举属性。示例代码如下：
const obj = {
a: 1,
b: 2,
c: 3
};
for (const key of Object.keys(obj)) {
console.log(key);
}输出：
a b c
Object.getOwnPropertyNames() 方法
Object.getOwnPropertyNames() 方法返回一个包含对象自身的所有属性的属性名（包括不可枚举属性）的数组。通过配合遍历使用，我们可以过滤掉不需要的属性。示例代码如下：
-- -------------------- ---- -------
----- --- - -
-- --
-- --
-- -
--
--- ------ --- -- -------------------------------- -
-- ------------------------- -
-----------------
-
-输出：
a b c
指导意义
遍历 Object 对象是前端开发中的一个基本操作。在掌握 for-in 语句的同时，我们也需要了解其局限性和使用注意事项。本文介绍了 ES9 中 for-in 语句遍历 Object 对象时可能遇到的 bug，以及如何避免这个 bug。掌握这个知识点不仅可以让我们更加熟练地进行数据处理，更能提高代码的质量和性能。
总结
本文介绍了在 ES9 中使用 for-in 遍历 Object 对象时可能遇到的 bug，以及如何避免这个 bug 的解决方法。我们通过 Object.keys() 和 Object.getOwnPropertyNames() 方法配合遍历操作可以过滤掉原型属性和不可枚举属性。希望能对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6595216ceb4cecbf2d95b15e