在 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

更新於: 15-6 月-2020

203 次瀏覽

開啟您的 職業生涯

完成課程即可獲得認證

開始
廣告