JavaScript中的for ... of和for ... in语句有什么区别?
循环中
“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>输出结果
21 31 41 51