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
廣告
資料結構
網路
RDBMS
作業系統
Java
iOS
HTML
CSS
安卓
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP