截至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。它显示数组属性名称。

原因是一个构造：

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

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

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

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

注：

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

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

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

myobject.propertyIsEnumerable('myproperty')

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

Object.getOwnPropertyDescriptor(myobject,'myproperty')

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

的问题。。。在…-只有当程序员不真正理解语言时，这才成为问题；它实际上不是一个bug或任何东西，而是它迭代对象的所有成员（好吧，所有可枚举成员，但这只是一个细节）。当您只想迭代数组的索引财产时，确保语义一致的唯一方法是使用整数索引（即for（vari=0；i<array.length；++i）样式循环）。

任何对象都可以有与之关联的任意财产。特别是将附加财产加载到数组实例上并没有什么可怕的。如果代码只想看到索引的类似数组的财产，则必须坚持使用整数索引。完全了解用于…的代码。。。在does和really需要查看所有财产，那么这也没关系。

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

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