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-06-2020

204 次浏览

开启你的 职业生涯

完成课程以获得认证

立即开始
广告