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

javascriptweb developmentfront end technology

for…in 循环

"for...in"循环用于循环遍历对象的属性。

以下是语法 −

语法

for (variablename in object) {
要执行的语句或块
}

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

示例

<html>
<body>
<script>
var aProperty;
document.write("Navigator 对象属性<br /> ");

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

for…hellip;of 循环

“for…hellip;of” loop 用于循环遍历可迭代对象，包括 Map、Array、参数等。

语法

以下是语法 −

for (iterable 的变量名){
要执行的语句或块
}

示例

以下是使用 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>