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
广告