JavaScript while 语句

最后更新于：2022-03-27 00:44:23

JavaScript while 语句

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