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

对于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中的对象时，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对象！

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

简短的回答：这不值得。

更长的答案：即使不需要顺序元素顺序和最佳性能，这也不值得。

长篇大论：这不值得。。。

使用for（数组中的var属性）将导致数组作为对象迭代，遍历对象原型链，最终执行速度比基于索引的for循环慢。for（…in…）不能保证按顺序返回对象财产，这可能是意料之中的。使用hasOwnProperty（）和！用于筛选对象财产的isNaN（）检查是一项额外的开销，导致它的执行速度更慢，并否定了首先使用它的主要原因，即因为它的格式更简洁。

出于这些原因，甚至不存在性能和便利性之间可接受的权衡。除非目的是将数组作为对象处理，并对数组的对象财产执行操作，否则实际上没有任何好处。

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

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

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

截至2016年（ES6），我们可能会使用for…for数组迭代，正如John Slegers已经注意到的那样。

我只想添加一个简单的演示代码，以使事情更清楚：

Array.prototype.foo = 1;
var arr = [];
arr[5] = "xyz";

console.log("for...of:");
var count = 0;
for (var item of arr) {
    console.log(count + ":", item);
    count++;
    }

console.log("for...in:");
count = 0;
for (var item in arr) {
    console.log(count + ":", item);
    count++;
    }

控制台显示：

for...of:

0: undefined
1: undefined
2: undefined
3: undefined
4: undefined
5: xyz

for...in:

0: 5
1: foo

换句话说：

对于的计数从0到5，并且还忽略Array.prototype.foo。它显示数组值。对于中只列出了5个，忽略了未定义的数组索引，但添加了foo。它显示数组属性名称。