JavaScript中的循环语句-while循环

 

-JavaScript中有三种循环语句，分别为while循环，do-while循环和for循环。

现在来聊一聊while循环。

 

首先讲一讲

if 语句和while 循环的格式是非常相似的，但是它们都拥有自己的特点。

if 语句和 while 循环的区别：

1. if 语句的格式为：

if（条件表达式）{

条件满足时执行的代码语句

}

if 语句的特点：

当条件表达式为真的时候才会执行后面大括号{ }里面的代码，

▲并且大括号{ }里面的代码只会被执行一次。

 

1. while 循环的格式为：

while（条件表达式）{

条件满足时执行的代码语句

}

while 特点：

当条件表达式为真的时候才会执行后面大括号{ }里面的代码，

▲并且大括号{ }里面的代码有可能会被执行很多次。

 

while 循环的执行流程为：

1.1 首先会判断条件表达式是否为真，如果为真那么就会执行后面{ }里面的代码

1.2 执行完后面{ }里面的代码，会再次判断条件表达式是否还为真

1.3 如果条件表达式依然为真，那么程序会再次执行后面{ }里面的代码

1.4 会不断的重复1.1~1.3的执行流程顺序，直到条件表达式不为真的时候才会停止运行代码

 

书写while循环结构的规则：

1. 写上循环结构的代码

2. 将需要重复执行的代码写在大括号{ }里面

3. 在（）里面指定循环结束的条件

    let num=0;
      while(num<8){
          console.log("榴莲千层" + num);
          num ++;
      }
​
    控制台输出为： 榴莲千层0
                 榴莲千层1
                 榴莲千层2
                 榴莲千层3
                 榴莲千层4
                 榴莲千层5
                 榴莲千层6
                 榴莲千层7

 

 

while 循环的注意点：

1. 什么是死循环？

   是永远都不会结束的循环结构语句，假如它的条件表达式永远为真，那么它就永远不会结束，一直在进行。

   无限循环的语句。

    

2. 什么是循环体？

   循环结构后面的大括号{ } 的所有内容称为循环体。

    

3. 和 if 一样对于非 Boolean 类型的值，会先转换为 Boolean 类型再进行判断。

    

4. 和 if一样 while 循环后面如果只有一条语句，那么它可以省略大括号{ }。

   和if 一样，如果省略了后面的{ } 那么只有紧随其后的那条语句受到影响。

      //while 省略了{ }，只有紧随其后的语句受到影响。while （）
       里面的条件表达式为false ，
      //那么就不会输出{}里面的内容。控制台没有任何的输出。
      // 但是while省略了{ }，console.log(1)受到了影响，所以控制台输出 2 。
   ​
        while(false)
        console.log(1);
        console.log(2);

    

5. 和if 一样 while 不能在（）后面写分号（ ：）

   会导致报错的。

      // 控制台输出 1 和 2
           // 空语句（ ; ）
        while(false);
   ​
        {
        console.log(1);
        console.log(2);
       }

    

6. 最简单死循环的写法

  ①  while（ 1 ）
  
 代码=》 递归和无限死循环，浏览器崩塌，导致浏览器关闭不了，一直在运作。
 关闭浏览器都会延迟，会卡死。
​
 //条件表达式永远为真，那么它就永远不会结束，一直在进行。无限循环。
  ②   while(true){
​
    console.log(123);
​
     }

 

 

while循环的实例：

while循环和if语句综合使用。

    //要求： 打印1-300之间8的倍数，并统计个数
        let num=1;
        // 声明一个变量（存储数据）
        let count=0;
        while(num<=300){
            if(num % 8 === 0){
                console.log(num);
                // count 自增 统计个数
                count++;
            }
            // 当if循环完毕，num 自增
            num ++;
        }
        //当循环结束，打印一下，方便验证，控制台输出统计个数的数目
        console.log(count);