Web开发中，我们经常需要使用for循环来遍历数组或对象。而在JavaScript中，我们通常使用“in”来进行循环迭代。但是，在使用“in”循环时，元素的顺序可能会引起混乱。本文将介绍元素在“in”循环中的顺序，并提供一些实例代码和指导意义。
对象的“in”循环顺序
当我们使用“in”循环遍历对象时，元素的顺序不是按照对象属性添加的顺序，而是按照属性名称的ASCII码表排序的。例如：
-- -------------------- ---- ------- --- --- - - -- ---- -- ---- -- --- -- --- ---- ---- -- ---- - ------------------ -
输出结果为:
a b c
可以看出，“in”循环按照ASCII码表排序了这个对象的属性名称。这意味着，如果你想要按照属性添加的顺序进行循环迭代，你需要自己手动创建一个数组来维护属性的顺序。
数组的“in”循环顺序
对于数组，情况略微有点复杂。使用“in”循环迭代数组会返回每个元素的索引值，而不是元素本身。但是，不同的浏览器对于循环迭代数组的顺序有着不同的实现。这意味着，如果你需要在循环迭代中使用索引值来访问元素，那么循环顺序可能会影响到你的代码逻辑。
let arr = ['a', 'b', 'c'];
for (let index in arr) {
console.log(index);
}输出结果为:
0 1 2
可以看出，“in”循环返回了数组的索引值。但是，如果我们将上面的代码稍作修改：
let arr = ['a', 'b', 'c'];
arr.d = 'D';
for (let index in arr) {
console.log(index);
}输出结果为:
0 1 2 d
这里的“d”是我们在数组中添加的一个属性。可见，“in”循环并不会遍历数组中的所有元素。因此，如果你需要循环迭代数组中的所有元素，你应该使用“of”关键字而不是“in”。
使用“for of”循环
ES6引入了一种新的循环方式：“for of”。它可以用来循环迭代数组（包括类数组对象）、字符串、Map、Set等可迭代对象。与“in”循环相比，“for of”能够按照元素插入的顺序依次循环迭代。例如：
let arr = ['a', 'b', 'c'];
for (let item of arr) {
console.log(item);
}输出结果为:
a b c
通过使用“for of”循环，我们可以按照元素插入的顺序依次访问数组中的所有元素。这个循环方式非常适合处理需要保持元素顺序的场景。
总结
在JavaScript中，使用“in”循环来遍历对象和数组时，元素的顺序可能会引起混乱。对于对象，循环的顺序是按照属性名称的ASCII码表排序的；而对于数组，不同的浏览器实现有着不同的行为。如果你需要按照元素插入的顺序进行循环迭代，你应该使用“for of”循环。最后，需要注意的
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/9350
