javascript 中 for..in 和 for every..in 有什么区别？

Question

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

Answer 1

“for every...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，对于每个... in 循环已弃用。 MDN 推荐的“新”语法是 对于...的。

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

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

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