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 语句参考手册