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>
输出
21 31 41 51
