javascript - for...in 循环的奇怪问题

Question

这有效：

for (var i = 0; i < this.size(); i++) {
    values.push(this.cards[i].value);
}

但这不是：

for (var card in this.cards) {
    values.push(card.value);
}

为什么？

Answer 1

因为在for...in循环中，变量是键，而不是值。

它应该是：

for (var card in this.cards) {
    values.push(this.cards[card].value);
}

Answer 2

for (var card in this.cards) {
    values.push(card.value);
}

...card将是索引号，而不是值。

Answer 3

循环枚举对象的for..in属性名称，而不是属性值。应该：

for ( var key in this.cards ) {
    values.push( cards[key].value );
}

一个缺点for..in是它还枚举继承的属性名称（当然，仅当相应的属性是可枚举的）。

---

另外，考虑一下：

var values = this.cards.map(function ( card ) {
    return card.value;
});

Answer 4

因为for (var x in y)语法循环对象（键）的属性，如果它是一个数组，它可以是数组的成员，也可以是其他可枚举的属性。

例如：

var person={fname:"John",lname:"Doe",age:25}; 

for (x in person)
{
  txt=txt + person[x];
}

将打印出所有属性（JohnDoe25），但数组的成员是元素（例如数组中包含的值）以及原型属性。考虑一下：

// Somewhere deep in your javascript library...
Array.prototype.foo = 1;

// Now you have no idea what the below code will do.
var x, a = [1,2,3,4,5];
for (x in a){
    // Now foo is a part of EVERY array and 
    // will show up here as a value of 'x'
}

x将foo在循环中的某个时刻作为 ' 值出现，但这几乎不是预期的。

我会说不要使用for(var x in y)，除非你明白它的作用——不要试图成为一个刺，只是让你免于很多拉头发和抓头的事情，我自己曾经经历过这些：/