javascript - javascript中的for..in和for each..in有什么区别？

Question

javascript中的for..in和for each..in语句有什么区别？是否存在我不知道的细微差别，或者是否相同，并且每个浏览器都有不同的名称？

Answer 1

"for each...in"在指定对象属性的所有值上迭代指定变量。

例子：

var sum = 0;
var obj = {prop1: 5, prop2: 13, prop3: 8};
for each (var item in obj) {
  sum += item;
}
print(sum); // prints "26", which is 5+13+8

来源

"for...in"以任意顺序在对象的所有属性上迭代指定变量。

例子：

function show_props(obj, objName) {
   var result = "";
   for (var i in obj) {
      result += objName + "." + i + " = " + obj[i] + "\n";
   }
   return result;
}

来源

---

注意 03.2013，不推荐使用for each... in循环。MDN 推荐的“新”语法是.for... of

Answer 2

这个演示应该有望说明差异。

var myObj = {
    a : 'A',
    b : 'B',
    c : 'C'
};
for each (x in myObj) {
    alert(x);        // "A", "B", "C"
}
for (x in myObj) {
    alert(x);        // "a", "b", "c"
    alert(myObj[x]); // "A", "B", "C"
}

Answer 3

阅读优秀的 MDC 文档。

第一个是正常循环集合和任意对象的属性。

for...in 循环不会遍历内置属性。其中包括对象的所有内置方法，例如 String 的 indexOf 方法或 Object 的 toString 方法。但是，循环将遍历所有用户定义的属性（包括任何覆盖内置属性的属性）。

for...in 循环以任意顺序迭代对象的属性。如果一个属性在一次迭代中被修改，然后在稍后的时间被访问，则循环暴露的值将是它在稍后时间的值。在访问之前删除的属性将不会在以后被访问。添加到发生迭代的对象的属性可以在迭代中访问或省略。一般来说，在迭代过程中最好不要在对象中添加、修改或删除属性，除了当前正在访问的属性；无法保证是否会访问添加的属性，是否会在修改之前或之后访问已修改的属性，或者是否会在删除之前访问已删除的属性。

后者允许您遍历对象的属性。

在对象属性的所有值上迭代指定的变量。对于每个不同的属性，执行指定的语句。

Answer 4

除了其他答案，请记住这for each...in不是 ECMA 标准的一部分，也不包含在即将发布的 3.1 版本中。它是在 JavaScript 1.6 中引入的，它是Mozilla 基金会对 ECMAScript3 的扩展。

根据链接的 Wikipedia 页面，它仅在 Firefox 1.5+ 和 Safari 3.x(+?) 中实现。