JavaScript基础 （五）（循环结构）

一、while循环语句

while语句可以在条件表达式为true的前提下，循环执行指定的一段代码，直到条件表达式为false时结束循环。

语法结构：
while (条件表达式) {
会被重复执行的代码
… }

比如：我们走路道中的一条石板
现在走了X个石板，即为定义初始变量n
前面还有石板吗？ 条件判断n <总数
继续走后面的路 后续代码
现在我们来看这段代码

<script>
       var n=0;   //定义初始变量n
        while(n<3){    //判断条件n<3
        console.log('走一个石板');   //一段重复的代码
        n++;  //改变初始值
    }
     console.log('继续走后面的路');     //后续代码
    </script>

打印结果如下：

总结：
1、while 会重复 的执行一段代码，直到重复结束才会继续执行后续的代码
2、千万要书写改变初始值的代码，不然会出现死循环
3、在循环内，初始值、条件判断 和 改变初始值都能控制循环的次数
4、在循环内，循环控制变量是一组有规律的数字

二、do…while语句

do…while语句会无条件地执行一次循环体中的代码，然后再判断条件，根据条件决定是否循环执行。

语法结构：
do {
//会被重复执行的代码
…
} while(条件表达式)

下面练习一个案例：在浏览器回答问题
打开浏览器时提示一个问题让用户回答，只有答对，才可以继续浏览网页，如果错误，那么再次弹出同样的问题
逻辑：
1、打开浏览器直接弹出问题
2、开始进行判断，如果答案一致，继续执行后续代码，如果答案不一致，重复弹出。

<script>
        do {
            var result = prompt('我爱学习？')
             } while(result !== 'yes')
          alert('我爱学习')  
 </script>

打印结果如下：当输入yes 弹出我爱学习，如果输入别的则什么也不弹出

三、for语句

在程序中，一组被重复执行的语句被称之为循环体，能否继续重复执行，取决于循环的终止条件。由循环体及循环的终止条件组成的语句，被称之为循环语句。

语法结构：
for(定义初始变量；条件判断；改变初始值){
重复执行的代码
…
}
案例：在控制台输出1~100 之间所有3的倍数
分析：
1、拿到1~100之间的所有数字
2、对每个数字进行判断，是3的倍数输出，不是就什么也不做
循环：

<script>
    //利用for 循环拿到1~100的数字
     for(var i=0;i<100;i++){
      //判断是3的倍数
      if(i % 3 ===0){
        console.log(i);
      }      
     }
    </script>

同样的打印结果：

四、案例

1、页面打印正方形

第一步：在页面输出一个*：
第二步：在页面输出一行*：
第三步：在页面输出九行* ：

<script>
        //把输出一行的代码重复执行9次
        for(var j=1;j<=9;j++){
            for(var i = 1;i <= 9; i++){
            document.write('* ');
        }
        //每输出完毕一行*以后需要一个换行
        document.write('</br>')   
        }
    </script>

最后打印结果：

2、寻找最大公约数
寻找24和12的最大公约数

第一步：<=相对小的那个数字
第二步：>=1
第三步：能同时被两个数字整除

<script>
		//准备两个变量，保存两个数字
        var max =24;
        var min =12;
        //从相对小的数字向1 进行循环
        for(var i=min;i>=1;i--){
            //判断能被max和min整除
            if(max % i ===0 && min % i === 0){
                console.log(i);
            }
            break;  //通过break关键字终止循环
        }
    </script>

大家一起练练吧！！