主要有两个原因：

One

就像其他人所说的那样，您可能会得到不在数组中或从原型继承的密钥。因此，假设库向Array或Object原型添加了一个属性：

Array.prototype.someProperty = true

您可以将其作为每个阵列的一部分：

for(var item in [1,2,3]){
  console.log(item) // will log 1,2,3 but also "someProperty"
}

可以使用hasOwnProperty方法解决此问题：

var ary = [1,2,3];
for(var item in ary){
   if(ary.hasOwnProperty(item)){
      console.log(item) // will log only 1,2,3
   }
}

但这对于使用for in循环迭代任何对象都是正确的。

Two

通常，数组中项目的顺序很重要，但for in循环不一定以正确的顺序迭代，这是因为它将数组视为对象，这是在JS中实现的方式，而不是数组。这看起来是一件小事，但它确实会破坏应用程序，而且很难调试。

因为它通过对象字段而不是索引枚举。你可以用索引“length”获得值，我怀疑你是否想要这个。

for/in使用两种类型的变量：哈希表（关联数组）和数组（非关联）。

JavaScript将自动确定其通过项目的方式。因此，如果您知道数组确实是非关联的，可以使用（var i=0；i<=arrayLen；i++），并跳过自动检测迭代。

但在我看来，最好使用for/in，自动检测所需的过程非常小。

对此的真正答案将取决于浏览器解析器/解释JavaScript代码的方式。它可以在浏览器之间更改。

我想不出不使用for/in的其他目的；

//Non-associative
var arr = ['a', 'b', 'c'];
for (var i in arr)
   alert(arr[i]);

//Associative
var arr = {
   item1 : 'a',
   item2 : 'b',
   item3 : 'c'
};

for (var i in arr)
   alert(arr[i]);

我认为我没有什么要补充的，比如Triptych的答案或CMS关于为什么使用for。。。在某些情况下应避免。

然而，我想补充一点，在现代浏览器中，有一种替代。。。在这种情况下。。。无法使用中的。另一种选择是。。。第页，共页：

for (var item of items) {
    console.log(item);
}

注：

遗憾的是，没有版本的Internet Explorer支持。。。（Edge 12+确实如此），因此您必须等待一段时间，直到可以在客户端生产代码中使用它。然而，在服务器端JS代码中使用它应该是安全的（如果您使用Node.JS）。

原因是一个构造：

变量a=[]；//创建新的空数组。a[5]=5；//调整数组大小的完全合法的JavaScript。对于（var i=0；i<a.length；i++）{//按照每个人的预期，在从0到5的数字索引上重复。控制台日志（a[i]）；}/*将显示：未定义未定义未定义未定义未定义5.*/

有时可能完全不同：

变量a=[]；a[5]=5；for（a中的var x）{//仅显示显式设置的索引“5”，并忽略0-4console.log（x）；}/*将显示：5.*/

还要考虑JavaScript库可能会这样做，这会影响您创建的任何数组：

//在JavaScript库的深处。。。Array.prototype.foo=1；//现在你不知道下面的代码会做什么。变量a=[1，2，3，4，5]；for（a中的var x）{//现在foo是每个数组的一部分//将在此处显示为“x”值。console.log（x）；}/*将显示：01.2.3.4.食品*/

您应该只在属性列表上使用for（var x in y），而不是在对象上（如上所述）。