【面向JS--分支结构、循环结构】

程序3种结构：顺序 分支 循环

顺序：除去声明提前，其余代码默认都从上向下顺序执行分支：根据不同的条件，执行不同的代码循环：让程序反复执行一段相同代码。

程序的流程控制

程序=数据结构 + 算法    数据：程序运行过程需要用到的数值    算法：解决问题的思路任何复杂的程序都可以通过以下几种结构表示：    1、顺序结构        按顺序执行代码，自顶向下执行    2、选择结构(分支结构)        根据条件选择某块代码去执行    3、循环结构        根据条件选择某块代码反复执行

分支结构

1、什么是分支结构

程序在运行过程中，根据某些条件去选择某些语句去运行

1、当条件满足时，去运行某些语句    if 结构2、当条件满足时，去运行某些语句   当条件不满足时，去运行另外一些一句    if ... else ... 结构

2、if结构

1 、语法

if(条件){    //语句块}判断条件的结果：        如果 结果为真,则执行语句块中的内容    如果 结果为假,则不执行语句块中的内容

2、注意

1、如果 if条件不是boolean的话，可以自动转换    以下几种情况会默认转换为false    if(0){}    if(0.0)    if(""){}    if(null){}    if(NaN){}    if(undefined){}    ===============    if(25.5){} //真    if("我很帅吗"){} //真    if("真假"){} //真2、if 后的 {}    if 后的 {} 是可以被省略的，如果省略的话只控制if后的一条语句    建议：不要省略{}

3、if-else 结构

语法：    if(条件){        //语句块1    }else{        //语句块2    }判断条件：    条件为真，则执行语句块1    否则(条件为假)，则执行语句块2

4、else … if 结构

语法:

if(条件1){    //语句块1}else if(条件2){    //语句块2}else if(条件n){    //语句块n}else{    //语句块n+1}从上到下依次判断条件，满足哪个条件，则执行哪个语句块，执行完毕后则退出当前的else...if结构最后的 else 可以省略不写

5、switch-case 结构

1、特点

专门做等值判断

2、语法

switch(变量){    case 值1:        语句块1;        break; //跳出switch结构，可有可无    case 值2:        语句块2;    case 值3:        语句块3;        break; //可有可无    default: //可有可无        // 以上任何一个case都匹配不上的时候，执行default        语句块n;        break; //可有可无}

3、switch的直落形式

两个或多个case块之间可以省略操作代码

switch(变量){    case 值1:        语句块1;        break; //跳出switch结构，可有可无    case 值2:    case 值3:        语句块3;        break; //可有可无}

循环结构

1、什么是循环结构

循环,一遍又一遍的重复执行相同或相似的操作

循环的特点：

1、循环条件    指定循环重复的次数    从什么时候开始    到什么时候结束2、循环操作    循环体    循环中所做的操作，即要执行的代码

2、while 循环结构

1、语法

while(循环条件boolean){    //循环操作}1、判断循环条件    如果 条件为真 则执行循环体中的操作    如果 条件为假 则不执行循环体中的操作2、循环操作    循环操作完成后，会再次判断循环条件

2、循环的流程控制

循环的流程控制：在循环体内，提前的结束循环结构

1、continue    作用：终止本次循环的执行，继续执行下次循环2、break    作用：退出循环    场合：不明确循环次数的条件下，结束循环

3、案例

要求用户 先录入数据，判断是否为 exit，如果是exit，则退出，否则在控制台上打印信息

while(true){    var msg = prompt("input:");    if(msg == "exit"){        break;    }    console.log(msg);}

3、do…while 循环结构

1、特点 & 场合

优先适用于 先执行循环操作，再判断循环条件的场合下。

2、语法

do{    //循环操作}while(循环条件);流程：    1、先执行循环操作(可能会为循环条件赋值)    2、判断循环条件        如果条件为真，则继续执行循环操作        如果条件为假，则跳出循环结构

3、do…while 与 while 之间的区别

1、while 循环    先判断条件，再执行操作    最少 一次循环操作都不执行(第一次判断条件为假时)2、do ... while 循环    先执行循环操作，再判断循环条件    最少要执行一次循环操作(第一次判断条件为假时)3、while 和 do...while的不同仅仅体现在第一次循环条件就不满足的循环操作中;除此之外，两个循环完全一样

4、for 循环结构

1、语法

for(表达式1;表达式2;表达式3){    循环操作}表达式1：循环条件的声明表达式2：循环条件判断表达式3：更新循环条件变量执行顺序：1、执行表达式1-声明循环条件变量2、计算表达式2-判断循环条件    如果条件为 true，则执行循环体    如果条件为false，值退出循环3、执行循环体 4、执行表达式3-更新循环变量5、计算表达式2，重复步骤2的操作

2、for循环的使用场合

1、确定循环次数的条件下，优先使用for循环2、先判断条件，根据条件判断结果决定是否要执行操作(与while相似)

3、for循环三个表达式特殊用法

1、可以省略表达式1的内容    表达式1;    for(;表达式2;表达式3){        循环操作    }2、可以省略表达式2的内容    死循环3、可以省略表达式3的内容    死循环4、三个表达式全为空    for(;;){        console.log("Hello World");    }    死循环    while(true){}5、表达式1和表达式3位置处，允许写多个表达式，多表达式之间用 , 分隔    ex        1+6=7        2+5=7        3+4=7        4+3=7        ...        6+1=7

4、循环嵌套

所有循环都可以相互嵌套

for(var i = 1;i<=9;i++){ //外层循环    for(var j=1;j<=9;j++){ //内层循环        console.log();    }}

特点：外层循环执行一次，内层循环要执行一轮