Javascript基础（五）之循环结构

梦里梦外; 2022-07-11 15:56 223阅读 0赞

2、循环结构-1  
1、问题  
1、控制台中输出一句Hello World  
2、控制台中输出10句Hello World  
3、控制台中输出1000句Hello World  
4、将 1000 句 Hello World 改成 “你好世界!”  
5、在 1000 句你好世界基础上 增加  
第 1 句 你好世界!  
…  
第1000句 你好世界!  
2、什么是循环  
循环：一遍又一遍的重复的执行相同或者相似的代码  
生活中的循环：  
1、上学  
2、运动员跑圈  
3、活着  
4、地球公转和自转  
循环的特点：  
1、循环条件  
指定循环的次数，或者继续执行循环的条件  
2、循环体：也成为循环操作，重复做的事情是什么  
3、while 循环  
语义：当 条件 满足的时候，去做某些事情  
1、语法  
while(条件)\{  
循环体(循环操作)  
\}

执行流程：
                1、判断条件,如果条件为真，则执行循环体中的内容，如果条件为假，则跳出循环结构
                2、执行完循环体，再一次判断条件，
        2、练习
            1、打印输出 1 - 100 之间所有的数字
            2、打印输出 1 - 100之间所有的偶数
            3、计算1 - 100 之间所有的奇数和

3、循环中的流程控制
            1、continue
                终止本次循环的执行，继续开始下次循环
                ex:
                    打印 1 - 100之间所有非3的倍数的数字
            2、break
                结束整个循环的运行
                可以用在：不确定循环次数的时候去结束循环
                ex:
                    要求用户 从弹框中 录入数据，录入完直接打印在控制台上，直到输入 exit 位置
    4、do...while 循环
        1、特点
            先执行循环操作，再判断循环条件
        2、语法
            do{
                循环操作
            }while(条件);
        3、while 与 do...while 之间的区别 
            1、while
                先判断条件，再执行循环体
                最少执行 0 次循环
            2、do...while
                先执行循环体，再判断循环条件
                最少执行 1 次循环
        4、练习
            1、改写日期计算器为循环版本
            2、猴子吃桃
                猴子第一天摘了若干个桃子，当即吃了一半，还不过瘾，又多吃一个。第二天早上，将剩下的桃子吃掉一半，又多吃一个。以后每天早上都吃前一天的一半零一个。到第10天早上，发现只剩一个桃子。求：第一天摘了多少个桃子

循环结构-2  
1、for 循环  
1、while  
打印 1 - 10 之间所有的数字  
var i = 1; //1、声明循环条件变量  
while(i <= 10)\{ //2、循环条件判断  
console.log(i);//3、循环操作  
i++;//4、更新循环变量  
\}  
2、for 循环  
目的：为了简化 while 循环的开发  
for(表达式1;表达式2;表达式3)\{  
循环操作  
\}  
表达式1：声明循环条件变量  
表达式2：循环条件判断  
表达式3：更新循环变量

流程：
                1、计算表达式1的值 即声明循环条件(只执行1次)
                2、计算表达式2的值 即计算循环条件时否满足，如果条件为真，则继续向下执行，否则退出循环
                3、条件为真时，执行循环体
                4、计算表达式3的值 即更新循环变量
                5、计算表达式2的值 即继续判断循环条件，回到第2步
            练习
                1、打印 1 - 100 之间所有的数字
                2、打印 1 - 100 之间所有的偶数
                3、计算 1 - 100 之间所有奇数的和
                4、定义一个函数，打印乘法口诀中的任意一行
                    1*1=1
                    1*2=2 2*2=4
                    1*3=3 2*3=6 3*3=9
                    1*4=4 2*4=8 3*4=12 4*4=16
                5、定义一个函数，计算 1+1/3+1/5+...+1/999的和
                    1   : 1/1
                    1/3 : 1/3
                    1/5 : 1/5
                6、兔子问题：有1对兔子，从出生后的第3个月起每个月都生1对兔子，小兔子长到第3个月后每个月又生一对兔子。加入兔子都不死，问某个月的兔子总数是多少？
    
                菲波那切数列
                n1  n2
                1 , 1 , 2 , 3 , 5 , 8 , 13 , 21 , 34 , 55
    
                求第n个月的兔子的总量
                function f(n){
                    如果 n==1 或 n == 2 ,直接返回1
                    否则 就返回 上个月 和 上上个月 的量的和
                    返回 f(n-1) + f(n-2)
                }
                求第5个月的兔子总量：f(5)
                 f(5) = f(4) + f(3)
                  f(4) = f(3) + f(2)
                        f(3) = f(2) + f(1)
                    f(3) = f(2) + f(1)

3、for 循环表达式的特殊用法
            1、表达式1 允许为空
                可以省略表达式1，但;不能省
                for(;条件;自增){
    
                }
                ex:
                var i=1;
                for(;i<=10;i++){
                    console.log(i);
                }
            2、表达式2 允许为空
                可以省略表达式2，但;不能省
                如果省略表达式2，那么就是 "死循环"
            3、表达式3 允许为空
                死循环
            4、三个表达式都可以省略，但;不能省
                for(;;){
                    if(条件)
                        break;
                    i++;
                }
            5、表达式1 和 表达式3 的多样化
                表达式1：允许声明多个变量，用,隔开
                表达式3：允许更新多个变量，用,隔开
        4、循环嵌套
            for,while,do...while都可以实现嵌套操作
            ex:
                for(var i=1;i<=9;i++){  //外层循环
                    for(var j=1;j<=9;j++){ //内层循环
    
                    }
                }
            练习：
                1、在控制台上打印输出 "*"
                2、在控制台上打印输出 "*****"
                3、在控制台上打印输出 
                    *****
                    *****
                    *****
                    *****
                    *****
                4、在控制台上打印输出
                    *
                    **
                    ***
                    ****
                    *****
                5、在控制台上打印输出
                             *  4个空格1个* (5-行数)
                            **  3个空格2个*
                           ***  2个空格3个*
                          ****  1个空格4个*
                         *****  0个空格5个*