这不一定是坏的（根据您正在做的事情），但在数组的情况下，如果在Array.prototype中添加了一些东西，那么您将得到奇怪的结果。您希望此循环运行三次：

var arr = ['a','b','c'];
for (var key in arr) { ... }

如果一个名为helpfulUtilityMethod的函数被添加到Array的原型中，那么循环将运行四次：键将是0、1、2和helpfulUtilityMethod。如果你只需要整数，噢。

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]);

以下是这种做法（通常）不好的原因：

对于in循环迭代它们自己的所有可枚举财产及其原型的可枚举财产。通常在数组迭代中，我们只需要迭代数组本身。即使您自己可能没有向数组中添加任何内容，但您的库或框架可能会添加一些内容。

例子：

Array.prototype.hithere=“此处”；var数组=[1，2，3]；for（let el in array）{//hithere属性也将被迭代控制台日志（el）；}

对于in循环不能保证特定的迭代顺序。尽管现在大多数现代浏览器中通常都能看到isorder，但仍然没有100%的保证。对于in循环忽略未定义的数组元素，即尚未分配的数组元素。

例子：：

常量arr=[]；arr[3]=“foo”；//将阵列大小调整为4arr[4]=未定义；//添加另一个未定义值的元素//遍历数组，for循环确实显示了未定义的元素for（设i=0；i<arr.length；i++）{控制台日志（arr[i]）；}console.log（'\n'）；//for in忽略未定义的元素for（let el in arr）{控制台日志（arr[el]）；}

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

由于JavaScript元素保存为标准对象财产不建议使用for…遍历JavaScript数组。。。在里面循环，因为普通元素和所有可枚举的财产上市的

从…起https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Indexed_collections

正在使用。。。虽然我可以猜到为什么有人告诉你：

1.）已经有一个更高阶的函数或方法用于数组，但具有更多的功能和更精简的语法，称为“forEach”：array.protocol.forEach（函数（元素、索引、数组）｛｝）；

2.）数组总是有长度的，但对于。。。in和forEach不会对任何“undefined”值执行函数，只对定义了值的索引执行函数。因此，如果只分配一个值，这些循环将只执行一次函数，但由于数组是枚举的，因此它的长度将始终达到具有定义值的最高索引，但在使用这些循环时，该长度可能会被忽略。

3.）循环的标准将执行函数的次数与您在参数中定义的次数相同，并且由于数组是编号的，因此定义您希望执行函数的数量更有意义。与其他循环不同，for循环可以为数组中的每个索引执行函数，无论是否定义了值。

本质上，您可以使用任何循环，但您应该记住它们是如何工作的。了解不同循环重复的条件及其各自的功能，并认识到它们或多或少适合不同的场景。

此外，使用forEach方法可能比使用for。。。一般来说，在循环中，因为它更容易编写并且具有更多的功能，所以您可能希望养成只使用此方法和标准的习惯，而不是使用您的调用。

请参见下面的内容，前两个循环只执行一次console.log语句，而标准for循环执行指定次数的函数，在本例中，array.length=6。

var arr = [];
arr[5] = 'F';

for (var index in arr) {
console.log(index);
console.log(arr[index]);
console.log(arr)
}
// 5
// 'F'
// => (6) [undefined x 5, 6]

arr.forEach(function(element, index, arr) {
console.log(index);
console.log(element);
console.log(arr);
});
// 5
// 'F'
// => Array (6) [undefined x 5, 6]

for (var index = 0; index < arr.length; index++) {
console.log(index);
console.log(arr[index]);
console.log(arr);
};
// 0
// undefined
// => Array (6) [undefined x 5, 6]

// 1
// undefined
// => Array (6) [undefined x 5, 6]

// 2
// undefined
// => Array (6) [undefined x 5, 6]

// 3
// undefined
// => Array (6) [undefined x 5, 6]

// 4
// undefined
// => Array (6) [undefined x 5, 6]

// 5
// 'F'
// => Array (6) [undefined x 5, 6]