主要有两个原因：

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中实现的方式，而不是数组。这看起来是一件小事，但它确实会破坏应用程序，而且很难调试。

TL&DR：在数组中使用for in循环并不是坏事，事实上恰恰相反。

我认为如果在数组中正确使用，for in循环是JS的瑰宝。你应该完全控制你的软件，并知道你在做什么。让我们看看上面提到的缺点，并逐一反驳它们。

它还遍历继承的财产：首先，对Array.prototype的任何扩展都应该使用Object.defineProperty（）完成，并且它们的可枚举描述符应该设置为false。任何没有这样做的库都不应该被使用。添加到继承链中的财产稍后会被计数：当按Object.setPrototypeOf或按类扩展进行数组子分类时。您应该再次使用Object.defineProperty（），它默认将可写、可枚举和可配置的属性描述符设置为false。让我们在这里看到一个数组子类示例。。。

函数堆栈（…a）{var stack=新数组（…a）；Object.setPrototypeOf（堆栈，stack.prototype）；返回堆栈；}Stack.prototype=对象.create（Array.prototype）；//现在堆栈可以完全访问数组方法。Object.defineProperty（Stack.prototype，“constructor”，｛value:Stack｝）；//现在Stack是一个合适的构造函数Object.defineProperty（Stack.prototype，“peak”，｛value:function（）｛//将Stack“only”方法添加到Stack.prototype。返回this[this.length-1]；}});var s=新堆栈（1,2,3,4,1）；console.log（s.peak（））；s[s.length]=7；console.log（“长度：”，s.length）；s.push（42）；console.log（JSON.stringify）；console.log（“长度：”，s.length）；for（var i in s）console.log（s[i]）；

所以你看。。因为您关心代码，所以in循环现在是安全的。

for in循环很慢：见鬼，没有。如果你在不时需要的稀疏数组上循环，这是迄今为止最快的迭代方法。这是人们应该知道的最重要的表演技巧之一。让我们看一个例子。我们将在稀疏数组上循环。

变量a=[]；a[0]=“零”；a[10000000]=“1000万”；console.time（“用于数组a上的循环：”）；对于（var i=0；i<a.length；i++）a[i]&&console.log（a[i]）；console.timeEnd（“用于数组a上的循环：”）；console.time（“用于数组a上的循环：”）；对于（a中的var i）a[i]&&console.log（a[i]）；console.timeEnd（“用于数组a上的循环中：”）；

原因是一个构造：

变量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.食品*/

对于在处理JavaScript中的对象时，in是有用的，但对Array来说不是，但我们仍然不能说这是错误的方法，但不建议这样做，请看下面的示例，使用for。。。循环中：

let txt = "";
const person = {fname:"Alireza", lname:"Dezfoolian", age:35}; 
for (const x in person) {
    txt += person[x] + " ";
}
console.log(txt); //Alireza Dezfoolian 35 

好了，让我们现在使用Array：

let txt = "";
const person = ["Alireza", "Dezfoolian", 35]; 
for (const x in person) {
   txt += person[x] + " ";
}
console.log(txt); //Alireza Dezfoolian 35 

正如你看到的结果一样。。。

但让我们尝试一下，让我们为Array原型。。。

Array.prototype.someoneelse = "someoneelse";

现在我们创建一个新的Array（）；

let txt = "";
const arr = new Array();
arr[0] = 'Alireza';
arr[1] = 'Dezfoolian';
arr[2] = 35;
for(x in arr) {
 txt += arr[x] + " ";
}
console.log(txt); //Alireza Dezfoolian 35 someoneelse

你看到别人了！！！。。。在本例中，我们实际上循环通过新的Array对象！

这就是为什么我们需要使用。。小心，但情况并非总是这样。。。

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

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

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]