JavaScript中的for ... of和for ... in语句有什么区别?

循环中

“ for ... in”循环用于循环浏览对象的属性。

这是语法-

语法

for (variablename in object) {
statement or block to execute
}

您可以尝试运行以下示例来实现“ for-in”循环。打印网络浏览器的Navigator对象

示例

<html>
<body>
<script>
var aProperty;
document.write("Navigator Object Properties<br /> ");

for (aProperty in navigator) {
document.write(aProperty);
document.write("<br />");
}
document.write ("从循环中退出!");
</script>
</body>
</html>

for…of循环

“ for…of”循环用于循环访问可迭代对象,这些对象包括Map,Array,参数等。

语法

这是语法-

for (variablename of iterable){
statement or block to execute
}

示例

这是一个显示for…of循环的示例

<!DOCTYPE html>
<html>
<body>
<script>
let itObj= [20, 30, 40, 50];

for (let res of itObj) {
res += 1;
document.write("<br>"+res);
}
</script>
</body>
</html>

输出结果

21
31
41
51