JavaScript while 语句

JavaScript 语句参考手册 JavaScript 语句参考手册

实例

本例中的循环将继续运行，只要变量 i 小于 5：:

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

text 输出结果为:

The number is 0
The number is 1
The number is 2
The number is 3
The number is 4

尝试一下 »

本文底部包含了更多实例。

定义和用法

while 语句只要指定条件为 true，就会执行循环。

只要指定条件为 true，循环就可以一直执行代码。。

JavaScript 支持不同类型的循环：

  • for - 循环代码块一定的次数
  • for/in - 循环遍历对象的属性
  • while - 当指定的条件为 true 时循环指定的代码块
  • do/while - 同样当指定的条件为 true 时循环指定的代码块，但该语句会在条件判断前先执行一次

提示： 使用 break 语句来跳出循环，使用continue 语句用于跳出当前的迭代，并开始下一次迭代。

浏览器支持

语句
while Yes Yes Yes Yes Yes

语法

while (condition) {
    code block to be executed
}

参数值

参数 描述
condition 必须。定义执行循环的条件。如果返回 true，循环会继续执行，如果返回 false，循环会停止。

注意： 如果你的条件一直为 true，该循环永远不会结束。该可能导致浏览器崩溃。

注意： 如果您忘记增加条件中所用变量的值，该循环永远不会结束。该可能导致浏览器崩溃。

技术细节

JavaScript 版本： 1.0

实例

更多实例

实例

通过数组的索引循环，输出车名：

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

尝试一下 »

实例解析:

  • 实现，我们在循环开始前设置了变量 (var i = 0;)
  • 然后，我们呢定义了循环的条件。知道变量 i 小于数组的长度（4）
  • 每次执行循环，变量都会递增 1 (i++)
  • 一旦变量不再小于 (数组长度), 条件就为 false，循环就会终止。

实例

循环从数组的最后一个索引开始：

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;
}

尝试一下 »

相关页面

JavaScript 教程: JavaScript While 循环

JavaScript 参考手册: JavaScript do ... while 语句

JavaScript 参考手册: JavaScript for 语句

JavaScript 参考手册: JavaScript break 语句

JavaScript 参考手册: JavaScript continue 语句

JavaScript 语句参考手册 JavaScript 语句参考手册