JavaScript while 循环
JavaScript while 循环
JavaScript中的while
循环是一种常见的循环结构,它可以让程序在满足循环条件的情况下重复执行一段代码块,直到循环条件不再满足为止。本文将详细介绍JavaScript中的while
循环,包括循环条件的定义、循环体的执行、循环的四种状态等内容。
循环条件
while
循环的循环条件定义了程序重复执行循环体的条件。循环条件必须是一个逻辑表达式,通常使用比较操作符(如等于==
、不等于!=
、大于>
、小于<
、大于等于>=
、小于等于<=
)或逻辑操作符(如逻辑与&&
、逻辑或||
、逻辑非!
)进行判断。
while(循环条件) {
//循环体
}
如上代码中,while
后的小括号中即为循环条件,可以放置任何有效的逻辑表达式。当循环条件为真时,程序将执行大括号内的代码块;当循环条件为假时,程序将跳过循环体,继续执行后续代码。
循环体
循环体是while
循环内部的代码块,它由一对大括号{}
包围,可以包含任何有意义的JavaScript代码。循环条件的判断基于循环体的执行结果,循环体执行完成后会再次检查循环条件是否满足。如果仍然满足,则程序继续执行循环体,直到循环条件不再满足为止。
var i = 0;
while(i < 5) {
console.log(i);
i++;
}
//输出:0 1 2 3 4
如上代码中,变量i
的初始值为0,循环条件为i < 5
,循环体为一个console.log(i)
语句和一个i++
语句,每次循环结束后i会递增1。当i的值达到5时,循环条件不再满足,程序跳出循环体,执行后续代码。
循环状态
while
循环一共有四种状态,即:
- 初始状态:在第一次循环之前,循环条件为真;
- 进行状态:循环体正在执行过程中;
- 结束状态:循环条件为假,循环已经结束;
- 中断状态:在循环体内部通过
break
语句或异常等方式强制退出循环。
通常情况下,循环状态只有前三种,中断状态是不希望出现的,可以通过判断循环条件和循环体执行结果来避免出现中断状态。
var i = 0;
while(i < 5) {
if(i == 3) {
break;
}
console.log(i);
i++;
}
//输出:0 1 2
如上代码中,当i的值等于3时,循环体内部的if(i == 3)
语句会执行break
命令,强制退出循环体,程序跳出循环,执行后续代码。因此,上述代码输出了0、1、2三个数字,没有输出3和4。
总结
while
循环是JavaScript中最常用的一种循环结构,能够让程序根据自定义的条件重复执行一个代码块。循环条件定义了循环重复执行的条件,通常使用比较操作符或逻辑操作符进行判断;循环体是循环内部的代码块,由一对大括号包围,可以包含任何JavaScript语句。在使用while
循环时,需要留意循环的状态,以避免出现不需要的中断状态。