在 JavaScript 中，for-in 循环是一个非常常见的语法结构，它通过迭代对象的可枚举属性来执行循环。然而，在旧版的 ECMAScript 中，这种循环可能存在一些问题，导致代码行为出现不稳定的情况。在 ECMAScript 2015 中，新的 for-in 循环解决了这些问题，并且提供了更加灵活和高效的用法。本文将介绍 ECMAScript 2015 中的 for-in 循环及其使用技巧。
基本语法
for-in 循环的语法结构如下：
for (variable in object) {
// 需要执行的代码块
}其中，variable 是一个变量名，用于存储迭代对象的属性名。object 是需要被迭代的对象，可以是数组、对象、字符串等，只要这个对象是可枚举的，都可以使用 for-in 循环。
-- -------------------- ---- ------- ----- --- - - -- -- -- -- -- - -- --- ---- --- -- ---- - ----------------- -- -- -- -- - ---------------------- -- -- -- -- - -
遍历顺序
在 ECMAScript 2015 中，for-in 循环会按照对象中属性的添加顺序进行遍历。这一点和旧版的 ECMAScript 不同，旧版中的遍历顺序是不确定的。在新版中，如果我们给对象添加属性的顺序不同，遍历的结果也会不同。
-- -------------------- ---- ------- ----- --- - --- ----- - ---- ----- - ---- ----- - ---- --- ---- --- -- ---- - ----------------- - -- -- -- -- -
排除原型属性
如果对象的原型链上也有属性，那么这些属性也会被 for-in 循环遍历到。如果我们只想遍历对象本身的属性，而不包括继承的属性，我们需要使用 hasOwnProperty 方法。
-- -------------------- ---- -------
----- --- - -
-- --
-- --
-- -
--
------------------ - --
--- ---- --- -- ---- -
-- ------------------------- -
-----------------
-
-
-- -- -- -- -枚举类型和字符串的遍历
由于枚举类型和字符串也可以被视作对象，它们的属性也可以使用 for-in 循环来遍历。
-- -------------------- ---- ------- ----- ----- - - ---- -- ------ -- ----- - -- --- ---- --- -- ------ - ----------------- ------------------------ - -- -- ---- ------ ----- -- -- - ----- --- - -------- --- ---- --- -- ---- - ----------------- -- -- -- -- -- -- - ---------------------- -- -- -- -- -- -- - -
使用技巧
翻转对象
如果我们想要将一个对象的键和值翻转，也可以使用 for-in 循环来完成。
-- -------------------- ---- ------- ----- --- - - -- -- -- -- -- - -- ----- ----------- - --- --- ---- --- -- ---- - --------------------- - ---- - ------------------------- -- -- - ---- ---- ---- ---- ---- --- -
遍历对象中的数组
如果对象中包含数组，我们可以使用 for-in 循环来遍历数组。
-- -------------------- ---- -------
----- --- - -
---- --- -- --
--
--- ---- --- -- ---- -
-- ------------------------- -
--- ---- - - -- - - ---------------- ---- -
-------------------------
-
-
-
-- -- -- -- -遍历属性名
如果我们只想遍历属性名，而不需要访问属性值，也可以使用 for-in 循环来完成。
-- -------------------- ---- ------- ----- --- - - -- -- -- -- -- - -- --- ---- --- -- ---- - ----------------- -- -- -- -- - -
总结
for-in 循环是 JavaScript 中常用的语法结构之一，可以用于遍历对象、枚举类型和字符串中的属性。在 ECMAScript 2015 中，for-in 循环的遍历顺序已经确定，不再导致代码行为不稳定的情况。使用 for-in 循环时，我们需要注意排除继承属性，同时也可以利用它的灵活性进行对象翻转、数组遍历等操作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64b342f148841e9894f84277