JavaScript中if/switch/while循环/for循环语句详解

if分支结构语句

if的第一种表达式

if （表达式）{

程序

}

表达式结果是true 执行

反之没有程序执行

if （表达式）{

程序一

}else{

程序二

}

表达式结果是true执行1

反之执行2·

if 的第二种表达式

if( 表达式1 ){

程序1

}else if( 表达式2 ){

程序2

}else if( 表达式3 ){

程序3

}else if( 表达式4 ){

程序4

}....

表达式1 为 true 触发执行 程序1 同时终止之后表达式的判断

表达式1 为 false 判断 表达式2 的结果

表达式2 为 true 触发执行 程序2 同时终止之后表达式的判断

表达式3 为 false 判断 表达式3 的结果

表达式3 为 true 触发执行 程序3 同时终止之后表达式的判断

表达式3 为 false 判断 表达式4 的结果

.....

所有的 表达式 都是 false 执行结果是 没有触发执行的程序

if的第三种表达式

if( 表达式1 ){

程序1

}else if( 表达式2 ){

程序2

}else if( 表达式3 ){

程序3

}else if( 表达式4 ){

程序4

}else{

程序

}

表达式1 为 true 触发执行 程序1 同时终止之后表达式的判断

表达式1 为 false 判断 表达式2 的结果

表达式2 为 true 触发执行 程序2 同时终止之后表达式的判断

表达式3 为 false 判断 表达式3 的结果

表达式3 为 true 触发执行 程序3 同时终止之后表达式的判断

表达式3 为 false 判断 表达式4 的结果

.....

所有的 表达式 都是 false 执行结果是 else 中的程序

else 中的程序 一般作为 容错处理

运行结果：

 switch语句

语法形式

switch( 变量 ){

case 数值1:

程序1

break ;

case 数值2:

程序2

break ;

case 数值3:

程序3

break ;

.....

default:

程序;

break;

}

case	定义全等判断的数值 执行的是全等判断
break	终止关键 词switch默认从定位的程序执行至最后一航程序 除非遇到break才会终止继续执行之后的程序
default	默认执行程序和 if语句中的 else 作用相同所有 case比较 结果 都是 false 执行 default 中的程序

switch的穿透：从 定位的对应的程序 执行到程序的最后一行 ，这样的执行方式 称为 switch的穿透，如果多种情况执行相同的程序 可以使用 switch穿透执行，一些累加操作也可以使用switch穿透实现。

运行结果：

while语句 

循环变量的初始化
        定义一个变量 赋值初始值
        这个程序 在整个循环程序的执行过程中 只会触发执行1次
        var i = 1;

        判断进入循环的条件
        表达式结果是 true  进入循环 
        表达式结果是 false 终止循环
        while( i <= 5 ){    
            循环体程序是每次循环都会执行的程序
            所有的循环体程序执行结束 才算完成一次循环
            console.log( '大聪明码农徐' );

            步长 每次循环 循环变量 改变的数值
             可以是 ++  --  +=  -=  等累加操作
            i++;

        } 

运行结果：

 for循环

        for ( var 循环变量 = 初始值 ; 表达式 ; 步长  ){
            循环体程序 ;
        }

break 在循环中是终止一切，会终止之后的程序循环的执行

continue，在循环中是跳出本次循环，会终止一次循环程序的执行。

运行结果：