循环

循环的基本要素:
    1、循环体 : 相同 或 相似的操作
    2、循环条件:循环的次数,可以表示循环的开始或结束

没有结束的循环:称之为 死循环


1、while循环
    1、语法结构
    while(条件判断){
    //循环体
    }

  条件为 true 时,则执行一遍循环体中的所有语句;再回来判断条件,若条件为true,则再执行循环体 ... 直到 条件为 false时,则结束循环
2、循环实现
    1、在控制台上打印输出10句Hello World
    循环条件:从第1遍开始打印 , 到第10遍结束
    循环体:console.log("Hello world");

注意:一定要去更新循环条件,否则容易引发死循环
    2、将 1 - 100之间所有的数字 进行累加求和
    循环条件:从 1 开始 到 100 结束
    循环体:
    循环条件的 变量要参与到循环操作中来
    循环变量 就可以表示 1-100之间的每一个数字

      最终:将 循环变量 累加即可

更新循环条件
3、将 1-100之间 所有的 奇数 进行累加求和
    循环条件:从 1 开始 到 100 结束
    循环体:
    1、判断 i 的奇偶性,如果为 奇数, 则累加到sum之后
    2、循环条件(循环变量)以2递增
    3、循环 流程控制
4 提前终止循环结构
    4.1、break语句
        作用:break 用在循环体中,用于退出循环
        程序碰到 break 语句后,break后面的循环体操作都不会被执行,并且程序的流程会跳到循环结构以外的下一条语句去执行
    2、使用场合:
        在不确定循环次数的条件下,可以随时终止循环
        while(true){
        if(输入内容 == "exit"){
        break;
        }
        }


随机数: Math.random() 表示一个随机数(0-1)

总结:
    在确定循环次数的条件下 , while流程

    1、声明循环条件 var i=1;
    2、编写循环体while(i<=10){}
    3、在循环体 更新循环条件(循环变量) i++

5、for循环
    解决问题:与 while 循环基本一致,确定了循环次数的条件下使用
    语法:for(表达式1;表达式2;表达式3){//循环体}   死循环  for(;;){}
    表达式1 :声明循环条件
    表达式2 :满足循环的条件 ==> while(条件)
    表达式3 :更新循环变量

通过 while 循环 打印 10遍 Hello World
var i=1;//表达式1
while(i<=10 //表达式2 ){
console.log("Hello World");
i++; //表达式3
}

==> for循环结构
for(var i=1;i<=10;i++){
console.log("Hello World");
}

for循环的流程:
    1、计算 表达式1 的值
    2、计算 表达式2 的值,如果为true则执行循环体,否则退出。
    3、执行循环体
    4、计算 表达式3 的值
    5、计算表达式2 , 如果为true,继续执行循环体,否则退出

请输入一个数字:5
1*5=5 2*5=10 3*5=15 4*5=20 5*5=25
console.log("");

for循环的特殊用法:
1、表达式1位置 可以为空
for(;表达式2;表达式3)

    如果省略表达式1的话,那么需要在循环外面,对表达式1进行声明
    for(var i=1;i<10;i++){
    //
    }

    var i =1;
    for(;i<10;i++){
    //
    }
    2、省略表达式2
    for(var i=1;;i++){
    //死循环
    }
    注意:如果省略了表达式2的话,需要在循环体内,将其内容补充完整
        for(var i=1;;i++){
        if(i > 10){
        break;
        }
        }
    3、省略表达式3
        for(var i=1;i<10;){
        //死循环
        }
        注意:如果省略表达式3,要么在循环体重补充表达式3,要么 增加条件允许循环退出
        for(var i=1;i<10;){
        ...
        i++;
        }

    
    4、for(;;){    //死循环

    }

posted @ 2019-02-28 20:11  Zs夏至  阅读(393)  评论(0编辑  收藏  举报