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
  }
}

孤立地说，在数组中使用for没有错。For-in迭代对象的属性名，在“现成”数组的情况下，财产对应于数组索引。（像length、toString等内置属性不包含在迭代中。）

然而，如果您的代码（或您正在使用的框架）将自定义财产添加到数组或数组原型中，那么这些财产将包含在迭代中，这可能不是您想要的。

一些JS框架，如Prototype修改了Array原型。像JQuery这样的其他框架则不然，因此使用JQuery，您可以在中安全地使用。

如果你有疑问，你可能不应该使用。

迭代数组的另一种方法是使用for循环：

for (var ix=0;ix<arr.length;ix++) alert(ix);

然而，这有一个不同的问题。问题是JavaScript数组可能有“洞”。如果您将arr定义为：

var arr = ["hello"];
arr[100] = "goodbye";

然后数组有两个项目，但长度为101。在中使用for将产生两个索引，而for循环将产生101个索引，其中99的值为undefined。

for in循环在遍历数组时将索引转换为字符串。例如，在下面的代码中，在用i+1初始化j的第二个循环中，i是索引，但在字符串（“0”、“1”等）中，js中的number+string是字符串。如果js遇到“0”+1，则返回“01”。

var maxProfit=函数（价格）{设maxProfit=0；for（让我输入价格）{for（设j=i+1；j<prices.length；j++）{console.log（价格[j]-价格[i]，“i，j”，i，j，类型i，类型j）；如果（（prices[j]-prices[i]）>maxProfit）maxProfit=（prices[j]-prices[i]）；}}return maxProfit；};最大利润（[7，1，5，3，6，4]）；

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

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

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

注：

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

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

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