JavaScript:对于...每个/与

Question

<分区>

Answer 1

for each..in语句在对象属性的所有值上迭代指定变量。对于每个不同的属性，执行指定的语句。这是 Mozilla 在 JavaScript 1.6 中引入的(参见下面 @CMS 的评论)，并非所有主流浏览器都支持。

对于每个例子:

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

类似的说法是for..in ，它迭代属性名称而不是属性值。使用 for..in 编写的相同示例:

var sum = 0;
var obj = {prop1: 5, prop2: 13, prop3: 8};
for (var prop in obj) {
  sum += obj[prop];
}
console.log(sum); // prints "26", which is 5 + 13 + 8

for..in 语句自 JavaScript 1.0 以来就已存在，因此您可以安全地在所有浏览器中使用它。

这些语句不同于传统的for循环，因为它们用于迭代对象的属性。 for 循环可用于迭代数组的元素，但不能用于迭代对象的属性，除非您可以使用 ECMAScript 5 的 Object.keys。 ，可用于实现上述示例，如下所示:

var sum = 0;
var obj = {prop1: 5, prop2: 13, prop3: 8};
var keys = Object.keys(obj)
for (var i = 0; i < keys.length; i++) {
  sum += obj[keys[i]];
}
console.log(sum); // prints "26", which is 5 + 13 + 8

---

至于with声明，注意以下几点:

JavaScript looks up an unqualified name by searching a scope chain associated with the execution context of the script or function containing that unqualified name. The 'with' statement adds the given object to the head of this scope chain during the evaluation of its statement body. If an unqualified name used in the body matches a property in the scope chain, then the name is bound to the property and the object containing the property. Otherwise a 'ReferenceError' is thrown.

因此，请考虑以下事项:

var prop1 = 10;
var obj = {prop1: 5, prop2: 13, prop3: 8};

with (obj) {
   console.log(prop1); // prints 5 instead of 10
}

不推荐使用 with，ECMAScript 5 中禁止使用 with strict mode .推荐的替代方法是将要访问其属性的对象分配给一个临时变量。