在 ECMAScript 2020 中，for-in 循环得到了一些重要的改进，这些改进可以帮助开发者更加方便地遍历对象的属性。本文将介绍这些改进，并提供一些示例代码来帮助读者更好地理解它们的使用方法。
for-in 循环的基本用法
在 ECMAScript 中，for-in 循环用于遍历对象的属性。它的基本语法如下：
for (let key in object) {
// do something with key
}在这个循环中，key 是对象的属性名，object 是要遍历的对象。在循环体中，可以使用 key 来访问对象的属性值。
下面是一个简单的示例，展示了如何使用 for-in 循环遍历一个对象的属性：
-- -------------------- ---- ------- ----- --- - - ----- -------- ---- --- ------- -------- -- --- ---- --- -- ---- - --------------- - -- - - ---------- -
这个示例将输出以下内容：
name: Alice age: 25 gender: female
ECMAScript 2020 中的改进
在 ECMAScript 2020 中，for-in 循环得到了两个重要的改进，它们分别是：
- 遍历顺序的规定；
- 排除 Symbol 属性。
遍历顺序的规定
在早期的 ECMAScript 版本中，for-in 循环遍历对象的属性是没有顺序的，也就是说，它可以按照任意顺序访问对象的属性。这个行为在某些情况下可能会导致问题，因为开发者不能确定属性的访问顺序。
在 ECMAScript 2020 中，for-in 循环的遍历顺序得到了规定，具体规定如下：
- 首先遍历对象自身的字符串类型属性，按照它们被添加到对象的顺序进行遍历；
- 其次遍历对象自身的 Symbol 类型属性，按照它们被添加到对象的顺序进行遍历；
- 最后遍历对象原型链上的属性，按照它们被添加到原型链中的顺序进行遍历。
这个规定使得开发者可以更加可靠地预测 for-in 循环遍历属性的顺序，从而更好地控制代码的行为。
下面是一个示例，展示了如何使用 for-in 循环遍历一个对象的属性，并根据遍历顺序输出属性名和属性值：
-- -------------------- ---- ------- ----- --- - - ----- -------- ---- --- ------------------- -------- -- --- ---- --- -- ---- - --------------- - -- - - ---------- -
这个示例将输出以下内容：
name: Alice age: 25 Symbol(gender): female
注意，这里使用了 Symbol 类型的属性，它在遍历顺序中排在了对象自身的字符串类型属性之后。
排除 Symbol 属性
在 ECMAScript 2020 之前，for-in 循环会遍历对象的所有属性，包括 Symbol 类型的属性。这可能会导致一些问题，因为 Symbol 类型的属性通常是用于内部实现的，而不是用于公共 API。开发者不希望在遍历对象时处理这些属性。
在 ECMAScript 2020 中，for-in 循环增加了一个可选的语法，可以排除 Symbol 类型的属性。具体语法如下：
for (let key in object) {
if (Object.prototype.hasOwnProperty.call(object, key)) {
// do something with key
}
}在这个语法中，使用了 hasOwnProperty() 方法来判断属性是否为对象自身的属性，从而排除了 Symbol 类型的属性。
下面是一个示例，展示了如何使用这个语法来遍历对象的属性，并排除 Symbol 类型的属性：
-- -------------------- ---- -------
----- --- - -
----- --------
---- ---
------------------- --------
--
--- ---- --- -- ---- -
-- ------------------------------------------ ----- -
--------------- - -- - - ----------
-
-这个示例将输出以下内容：
name: Alice age: 25
注意，这里使用了 hasOwnProperty() 方法来排除 Symbol 类型的属性。这个方法是从 Object.prototype 对象中继承来的，它用于判断一个属性是否为对象自身的属性。在这个示例中，我们将它作为函数调用，传入了 obj 和 key 两个参数，从而判断了 key 是否为 obj 的自身属性。
结论
在 ECMAScript 2020 中，for-in 循环得到了一些重要的改进，使得开发者可以更加方便地遍历对象的属性。这些改进包括遍历顺序的规定和排除 Symbol 类型的属性。开发者可以根据这些改进来更好地控制代码的行为，从而提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/677bfe445c5a933a342dd342
