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

Z时代
2024-01-10
分类：综合

循环中

“ 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>