JavaScript 的 `for...in` 和 `for...of` 循环有什么区别？

理解 (for... in) 和 (for... of) 语句之间的区别

简介

Javascript 提供了两个循环语句，(for...in) 和 (for...of)，它们在迭代对象和数据结构。

for... of：迭代属性值

ES6 中引入的 (for... of) 语句提供迭代对象属性值的便捷​​方法。与循环属性名称的 (for... in) 不同，(for... of) 特别关注属性值。

这种区别在提供的示例中变得清晰：

var arr = [3, 5, 7];
arr.foo = "hello";

for (var i in arr) {
  console.log(i); // logs "0", "1", "2", "foo"
}

for (var i of arr) {
  console.log(i); // logs "3", "5", "7"
}

虽然 (for... in) 记录数字索引（“0”、“1”、“2”）和自定义属性“foo”（ES6 迭代器通常不包括键），但 (for... of) 仅记录记录数字属性值（“3”、“5”、“7”）。这样做的原因是 (for... of) 使用了一个专注于属性值的特定于对象的迭代器。

总而言之，(for... of) 提供了一种简洁且以值为中心的方法迭代对象中的属性。它会跳过非索引属性，例如示例中的“foo”属性，并直接提供属性值作为循环迭代。

以上是JavaScript 的 `for...in` 和 `for...of` 循环有什么区别？的详细内容。更多信息请关注PHP中文网其他相关文章！