JavaScript while 语句
实例
本例中的循环将继续运行,只要变量 i 小于 5::
var text = "";
var i = 0;
while (i < 5) {
text += "<br>The number is " + i;
i++;
}
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
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
}
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 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>";
}
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;
}
}
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;
}
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 语句参考手册
点我分享笔记