在 JavaScript 中,for...of 和 for...in 语句之间的区别是什么?


for...in 循环

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

以下为语法 −

语法

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

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

示例

在线演示

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

for (aProperty in navigator) {
document.write(aProperty);
document.write("<br />");
}
document.write ("Exiting from the loop!");
</script>
</body>
</html>

for...of 循环

“for...of” 循环用于循环浏览可迭代对象,其中包括 Map、Array、arguments 等。

语法

以下为语法 −

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

更新于: 15-6 月-2020

203 次浏览

开启您的 职业生涯

完成课程即可获得认证

开始
广告