我知道什么是a。在循环中(它在键上迭代)，但我听说for…的第一次(它遍历值)。
我对……感到困惑。的循环。
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"
}
我理解为……Of迭代属性值。那为什么它记录的不是"3" "5" "7" "hello"而是"3" "5" "7"
不像……循环中，遍历每个键("0"，"1"，"2"，"foo")，也遍历foo键，for…Of不会遍历foo属性的值，即“hello”。为什么会这样?
在此我为……的循环。它应该日志“3”,“5”,“7”,“你好”,但日志“3”,“5”,“7”。为什么?
例子链接
当前回答
每个人都解释了为什么会出现这个问题，但是仍然很容易忘记它，然后挠头为什么会得到错误的结果。尤其是当你处理大量数据时，乍一看结果似乎还不错。
使用对象。你确保去所有属性的条目:
var arr = [3, 5, 7];
arr.foo = "hello";
for ( var [key, val] of Object.entries( arr ) ) {
console.log( val );
}
/* Result:
3
5
7
hello
*/
其他回答
为…Of循环只对可迭代对象有效。在JavaScript中，可迭代对象是可以循环的对象。
String、Array、TypedArray、Map和Set都是内置的可迭代对象，因为它们的每个原型对象都实现了@@iterator方法。因此,对于…Of循环作用于上述的对象类型。
Object在JavaScript中默认是不可迭代的。因此,对于…Of循环对对象无效。
简单地说，对于……Of适用于字符串和数组，但不适用于对象。
为…In适用于那些可枚举标志设置为true的属性。
通过简单赋值或属性初始化器创建的属性的可枚举标志默认为true。 通过Object.defineProperty创建的属性的可枚举标志默认为false。
这里有一个更详细的例子:https://dev.to/swastikyadav/difference-between-forof-and-forin-loop-in-javascript-j2o
for. in和for. of的区别:
for..in和for..of都是循环结构，用于遍历数据结构。它们之间唯一的区别是实体 它们迭代:
For ..in迭代对象的所有可枚举属性键 For ..of迭代可迭代对象的值。可迭代对象的例子有数组、字符串和nodelist。
例子:
Let arr = ['el1'， 'el2'， 'el3']; 加勒比海盗。adddedprop = 'arrProp'; // elKey是属性键 for(让elKey在arr中){ console.log (elKey); ｝ // elValue是属性值 for (let elValue of arr) { console.log (elValue) ｝
在这个例子中，我们可以观察到for.. In循环遍历对象的键，在这个例子中，对象是数组对象。键是0,1,2(对应数组元素)和adddedprop。这是arr数组对象在chrome devtools中的外观:
你可以看到，我们的for..in循环只是简单地遍历这些键。
示例中的for..of循环遍历数据结构的值。这个例子中的值是'el1'， 'el2'， 'el3'。可迭代数据结构使用for..of返回的值取决于可迭代对象的类型。例如，数组将返回所有数组元素的值，而字符串则返回字符串中的每个字符。
简单的回答:为了……在键上循环，而for…对值的循环。
for (let x in ['a', 'b', 'c', 'd'] {
console.log(x);
}
// Output
0
1
2
3
for (let x of ['a', 'b', 'c', 'd'] {
console.log(x);
}
// Output
a
b
c
d
For of用于遍历可迭代对象，For in用于遍历对象属性
这里有一个要记住的小技巧:
For of不是针对对象的(而是针对可迭代对象的)
For in不是针对可迭代对象的，而是针对对象的
另一个技巧:
For in返回对象索引(键)，而For of返回值
这两个循环之间的另一个区别，之前没有人提到过:
解构……In已弃用。用于……相反。
源
因此，如果我们想在循环中使用解构，为了获取每个数组元素的索引和值，我们应该使用for…使用Array方法条目():
for (const [idx, el] of arr.entries()) {
console.log( idx + ': ' + el );
}
