JavaScript while 語句

定義和用法

while 語句創建循環，該循環在指定條件為真時執行。

只要條件為真，循環就會繼續運行。只有當條件變為假時它才會停止。

JavaScript 支持不同類型的循環：

  • for - 多次循環代碼塊
  • for/in - 遍歷對象的屬性
  • for/of - 循環遍歷可迭代對象的值
  • while - 在指定條件為真時循環代碼塊
  • do/while - 循環一次代碼塊，然后在指定條件為真時重復循環

提示：請使用 break 語句跳出循環，使用 continue 語句跳過循環中的某個值。

實例

只要變量 (i) 小于 5，就會循環代碼塊：

var text = "";
var i = 0;
while (i < 5) {
  text += "<br>The number is " + i;
  i++;
}

親自試一試

頁面下方有更多 TIY 實例。

語法

while (condition) {
  code block to be executed
}

參數值

參數 描述
condition

必需。定義運行循環（代碼塊）的條件。如果返回 true，循環將重新開始，如果返回 false，循環將結束。

注釋：如果條件始終為真，循環將永遠不會結束。這將使您的瀏覽器崩潰。

注釋：如果您使用帶有條件的變量，請在循環之前對其初始化，并在循環內將其遞增。如果忘記增加變量，循環將永遠不會結束。這也會使您的瀏覽器崩潰。

技術細節

JavaScript 版本： ECMAScript 1

更多實例

實例

循環遍歷數組的索引，從 cars 數組中收集汽車名稱：

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i = 0;
while (i < cars.length) {
  text += cars[i] + "<br>";
  i++;
}

例子解釋：

  1. 首先，我們在循環開始之前設置一個變量 (var i = 0;)
  2. 然后，我們定義循環運行的條件。只要變量小于數組的長度（即 4），循環就會繼續
  3. 每次循環執行時，變量加一 (i++)
  4. 一旦變量不再小于 4（數組的長度），條件為假，循環結束

親自試一試

實例

向后循環數組索引：

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var len = cars.length;
while (len--) {
  text += cars[len] + "<br>";
}

親自試一試

實例

使用 break 語句 - 循環代碼塊，但當變量 i 等于 "3" 時退出循環：

var text = "";
var i = 0;
while (i < 5) {
  text += "<br>The number is " + i;
  i++;
  if (i == 3) {
    break;
  }
}

親自試一試

實例

使用 continue 語句 - 循環代碼塊，但跳過 "3" 這個值：

var text = "";
var i = 0;
while (i < 5) {
  i++;
  if (i == 3) {
    continue;
  }
text += "<br>The number is " + i;
}

親自試一試

瀏覽器支持

語句 Chrome IE Firefox Safari Opera
while 支持 支持 支持 支持 支持

相關頁面

JavaScript 教程：JavaScript While 循環

JavaScript 參考手冊：JavaScript do ... while 語句

JavaScript 參考手冊：JavaScript for 語句

JavaScript 參考手冊：JavaScript break 語句

JavaScript 參考手冊：JavaScript continue 語句