二维码

JavaScript While 循环

JavaScript While 循环


循环可以执行代码块 只要指定的条件为真。


While 循环

只要指定条件为 true,while循环就会循环遍历代码块。

语法

1
2
3
while (condition) {  
  *// code block to be executed*
}

在下面的示例中,循环中的代码将一遍又一遍地运行,只要 变量 (i) 小于 10:

1
2
3
4
while (i < 10) {  
  text += "The number is " + i;
  i++;
}

如果忘记增加条件中使用的变量,则循环将永远不会结束。 这将使您的浏览器崩溃。


Do While 循环

循环是 while 循环的变体。这个循环将 在检查条件是否为真之前,执行一次代码块,然后它将 只要条件为真,就重复循环。do while

语法

1
2
3
do {  
  *// code block to be executed*}
while (condition);

下面的示例使用do while循环。即使条件为假,循环也总是至少执行一次,因为代码块在测试条件之前执行:

1
2
3
4
5
do {  
  text += "The number is " + i;
  i++;
}
while (i < 10);

不要忘记增加条件中使用的变量,否则 循环永无止境!


比较 For 和 While

如果你读过上一章关于for循环,你会发现while循环是 与 for 循环大致相同,省略了语句 1 和语句 3。

此示例中的循环使用for循环来收集汽车 cars 数组中的名称:

1
2
3
4
5
6
7
8
const cars = ["BMW", "Volvo", "Saab", "Ford"];  
let i = 0;
let text = "";

for (;cars[i];) {
  text += cars[i];
  i++;
}

此示例中的循环使用while循环来收集 cars 数组中的汽车名称:

1
2
3
4
5
6
7
8
const cars = ["BMW", "Volvo", "Saab", "Ford"];  
let i = 0;
let text = "";

while (cars[i]) {
  text += cars[i];
  i++;
}