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循环时，需要留意循环的状态，以避免出现不需要的中断状态。