（for...in）和（for...of）语句有什么区别？

Question

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"
  // it doesn't log "3", "5", "7", "hello"
}

与...的不同在循环中，该循环迭代每个键(“0”、“1”、“2”、“foo”)并迭代foo键，用于...的值不迭代foo属性的值，即“hello”。为什么是那样？

在这里，我为...控制台循环的。它应该记录“3”,“5”,“7”,“hello”但它记录“3”,“5”,“7”。为什么？

示例链接

Answer 1

用于在上循环对象的可枚举属性名。

for of(ES6中的新版本）确实使用了特定于对象的迭代器，并循环遍历该迭代器生成的值。

在您的示例中，数组迭代器确实会产生数组中的所有值（忽略非索引属性）。