javascript访问for in循环的计数器

Question

如何访问 for..in 循环的计数器？

我有一个数组和一个对象。我想在对数组执行相同操作的同时迭代对象属性，而不显式声明计数器。

var colors = ['red','yellow','purple','blue'];

var flowers = {'rose':'','sunflower':'','violet':'','hydrangea':''};

for (prop in flowers) {
    flowers[prop] = colors[i];
}

跟进问题。如果不可能，我将如何使用我需要的功能创建自己的 for 循环。以下是它目前的工作方式，但我发现我经常这样做并且想要创建可重用的东西。

var colors = ['red','yellow','purple','blue'];

var flowers = {'rose':'','sunflower':'','violet':'','hydrangea':''};

var i = 0;
for (prop in flowers) {
    flowers[prop] = colors[i];
    i++;
}

Answer 1

（ECMAScript 2015 改变了一些东西，请参阅答案末尾的更新。）

我有一个数组和一个对象。我想在对数组执行相同操作的同时迭代对象属性，而不显式声明计数器。

我不相信你可以。此外，了解对象中的属性没有顺序也很重要。您似乎假设您会得到“玫瑰”，然后是“向日葵”等。这根本无法保证。许多引擎按照属性添加到对象的顺序访问对象属性名称，而现在将对象初始值设定项中的文字属性添加到对象的顺序是（从 ES5 开始，一对多年前）已指定，但以for-in 中的任何特定顺序访问它们不是指定的行为（同样，Object.keys 未以任何特定方式排序），并且完全正确的引擎可以以任何它想要的顺序访问它们。

因此，仅使用您显示的数组和对象，您没有可靠的方法将这些属性映射到数组条目。

---

从 ECMAScript 2015 (ES6) 开始，对象属性have order now：

1. 让 keys 成为一个新的空列表。
2. 对于作为整数索引的 O 的每个自己的属性键 P，按数字索引升序排列
   • 添加P作为keys的最后一个元素。
3. 对于 O 的每个自己的属性键 P，它是一个字符串但不是整数索引，按属性创建顺序
   • 添加P作为keys的最后一个元素。
4. 对于作为符号的 O 的每个自己的属性键 P，按属性创建顺序
   • 添加P作为keys的最后一个元素。
5. 返回键。

好的，所以我们知道它们将按“创建”顺序被访问，但是对象初始化程序以什么顺序创建它们？好消息：Object initializers 按源代码顺序处理，所以这是确定性的。您的rose 位于您的sunflower 之前，等等。

这意味着，如果不显式声明和维护索引变量，您仍然无法做您想做的事情，但您可以可靠地关联该数组和该对象：

// Works as of ES6
var colors = ['red','yellow','purple','blue'];

var flowers = {'rose':'','sunflower':'','violet':'','hydrangea':''};

let i = 0;
for (prop in flowers) {
    flowers[prop] = colors[i++];
}

我不建议这样做，但现在可以在兼容的引擎上使用。