javascript - For/In 循环对象到数组

Question

有人可以用外行人的方式向我解释一下循环迭代生成语句时发生的情况(对象属性位于数组中)。

var o = {x:1, y:2, z:3};
var a = [], i = 0;

for (a[i++] in o)
{
    console.log(o);
}

Answer 1

这就是 for/in 循环的计算方式:

for each property in object o
     assign the property name to the left hand side, that is a[i++]

最初i = 0，所以:

1. a[0] 将得到 x。//注意它获取的是属性名称，而不是其值
2. a[1] 将得到 y。
3. a[2] 将得到 z。

注意: i++ 等于 i = i + 1。

前面的代码相当于以下代码:

var o = {x:1, y:2, z:3};
var a = []
var i = 0;

for (propertyName in o)
{
    a[i] = propertyName;
    i = i + 1;
    console.log(o);
}