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

对于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]）；}

对于在处理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对象！

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

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

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

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

一个重要的方面是。。。in-only迭代包含在对象中的财产，该对象的可枚举属性属性设置为true。因此，如果尝试使用for对对象进行迭代。。。然后，如果任意财产的可枚举属性为false，则可能会丢失这些属性。很有可能更改普通Array对象的可枚举属性属性，以便不枚举某些元素。虽然一般来说，属性属性倾向于应用于对象中的函数财产。

可以通过以下方式检查财产的可枚举属性属性的值：

myobject.propertyIsEnumerable('myproperty')

或获取所有四个属性属性：

Object.getOwnPropertyDescriptor(myobject,'myproperty')

这是ECMAScript 5中提供的一个特性——在早期版本中，无法更改可枚举属性属性的值（它总是设置为true）。

for in语句本身并不是一个“坏习惯”，但是它可能被错误地使用，例如，用于迭代数组或类似数组的对象。

for-in语句的目的是枚举对象财产。该语句将出现在原型链中，也会枚举继承的财产，这有时是不需要的。

此外，规范并不能保证迭代的顺序，这意味着如果要“迭代”数组对象，那么使用此语句无法确保财产（数组索引）将按数字顺序访问。

例如，在JScript（IE<=8）中，即使在Array对象上，枚举的顺序也定义为创建了财产：

var array = [];
array[2] = 'c';
array[1] = 'b';
array[0] = 'a';

for (var p in array) {
  //... p will be "2", "1" and "0" on IE
}

此外，谈到继承的财产，例如，如果您扩展Array.prototype对象（像MooTools这样的一些库），那么财产也会被枚举：

Array.prototype.last = function () { return this[this.length-1]; };

for (var p in []) { // an empty array
  // last will be enumerated
}

正如我之前所说的，迭代数组或类似数组的对象，最好的方法是使用顺序循环，例如普通的旧for/while循环。

如果只想枚举对象自己的财产（未继承的属性），可以使用hasOwnProperty方法：

for (var prop in obj) {
  if (obj.hasOwnProperty(prop)) {
    // prop is not inherited
  }
}

有些人甚至建议直接从Object.prototype调用该方法，以避免在有人向我们的对象添加名为hasOwnProperty的属性时出现问题：

for (var prop in obj) {
  if (Object.prototype.hasOwnProperty.call(obj, prop)) {
    // prop is not inherited
  }
}

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上的循环中：”）；