JavaScript while 迴圈
示例
當 i 小於 5 時迴圈執行程式碼塊
let text = "";
let i = 0;
while (i < 5) {
text += i + "<br>";
i++;
}
自己動手試一試 »
迴圈（遍歷）陣列以收集汽車名稱
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
let i = 0;
while (i < cars.length) {
text += cars[i] + "<br>";
i++;
}
自己動手試一試 »
- 迴圈從位置 0 開始 (
let i = 0)。 - 迴圈每次執行時遞增
i(i++)。 - 當
i < cars.length時，迴圈執行。
更多示例見下文。
描述
while 語句建立一個迴圈（圍繞一個程式碼塊），該迴圈在條件為 true 時執行。
當條件為 true 時，迴圈執行。否則停止。
另請參閱
JavaScript 迴圈語句
| 語句 | 描述 | |
| break | 跳出迴圈 | |
| continue | 跳過迴圈中的一個值 | |
| while | 當條件為真時迴圈程式碼塊 | |
| do...while | 執行一次程式碼塊，然後當條件為真時繼續迴圈 | |
| for | 當條件為真時迴圈程式碼塊 | |
| for...of | 遍歷任何可迭代物件的值 | |
| for...in | 遍歷物件的屬性 |
語法
while (condition) {
要執行的程式碼塊
}
引數
| 引數 | 描述 |
| condition | 必需。 執行程式碼塊的條件。如果它返回 true，程式碼塊將重新開始，否則結束。 |
注意
如果條件始終為 true，則迴圈將永不停止。這將導致您的瀏覽器崩潰。
如果條件中使用了變數，則必須在迴圈之前初始化它，並在迴圈內遞增它。否則迴圈將永不停止。這也會導致您的瀏覽器崩潰。
更多示例
以降序（負遞增）遍歷陣列
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
let len = cars.length;
while (len--) {
text += cars[len] + "<br>";
}
自己動手試一試 »
使用 break - 遍歷程式碼塊，但在 i == 3 時退出迴圈
let text = "";
let i = 0;
while (i < 5) {
text += i + "<br>";
i++;
if (i == 3) break;
}
自己動手試一試 »
使用 continue - 遍歷程式碼塊，但跳過值 3
let text = "";
let i = 0;
while (i < 5) {
i++;
if (i == 3) continue;
text += i + "<br>";
}
自己動手試一試 »
瀏覽器支援
while 是 ECMAScript1 (ES1) 的特性。
ES1 (JavaScript 1997) 在所有瀏覽器中都得到完全支援
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 是 |
