JS流程控制

一.流程控制介绍

程序的三种基本结构

顺序结构：从上到下执行的代码就是顺序结构(程序默认就是由上到下顺序执行的)

分支结构：根据不同的情况，执行对应代码

循环结构：重复做一件事情

二.分支结构

1.if语句

if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码

if...else 语句 - 当条件为 true 时执行代码，当条件为 false 时执行其他代码

if...else if....else 语句- 使用该语句来选择多个代码块之一来执行

第一种：
if (/* 条件表达式 */) { 
    // 执行语句
}

第二种：
if (/* 条件表达式 */){ 
    // 成立执行语句
} else { 
    // 否则执行语句
}   

第三种：
if (/* 条件1 */){ 
    // 成立执行语句
} else if (/* 条件2 */){ 
    // 成立执行语句
} else if (/* 条件3 */){ 
    // 成立执行语句
} else { 
    // 最后默认执行语句
}

2.三元运算符

是对if……else语句的一种简化写法

表达式1 ? 表达式2 : 表达式3

3.switch语句

switch (expression) { 
  case 常量1:   
       语句;   
       break;
  case 常量2:   
       语句;   
       break; 
  case 常量3:   
       语句;   
       break;
  default:   
       语句;   
       break;
} 

三.循环结构

1.while语句

while 循环会在指定条件为真时循环执行代码块。

// 当循环条件为true时，执行循环体，
// 当循环条件为false时，结束循环。
while (循环条件) { 
     //循环体    
}

2.do...while语句

do..while循环和while循环非常像，二者经常可以相互替代，但是do..while的特点是不管条件成不成立，都会执行一次。

do { 
   // 循环体;
} while (循环条件);

3.for语句

while和do...while一般用来解决无法确认次数的循环。for循环一般在循环次数确定的时候比较方便

// for循环的表达式之间用的是;号分隔的，千万不要写成,
for (初始化表达式1; 判断表达式2; 自增表达式3) { 
   // 循环体4
}

4.for循环多个变量的判断原理

其实就是逗号表达式,总是依据最后一个表达式的值。

for(i=0, j=0; i<10, j<6; i++, j++){
　　k = i + j;
　　console.log(i+"+"+j+"="+k);
}

5.continue和break

break:立即跳出整个循环，即循环结束，开始执行循环后面的内容（直接跳到大括号）

continue:立即跳出当前循环，继续下一次循环（跳到i++的地方）

6.循环语句区别

1、循环结构的表达式不同

do-while循环结构表达式为：do{循环体;}。

的结构表达式为：for（单次表达式;条件表达式;末尾循环体）{中间循环体；}。

while循环的结构表达式为：while（表达式）{循环体}

2、执行时判断方式不同

do-while循环将先运行一次，因为经过第一次do循环后，当检查条件表达式的值时，其值为 不成立时而会退出循环。保证了至少执行do{ }内的语句一次。

执行的中间循环体可以为一个语句，也可以为多个语句，当中间循环体只有一个语句时，其大括号{}可以省略，执行完中间循环体后接着执行末尾循环体。

while循环执行时当满足条件时进入循环，进入循环后，当条件不满足时，执行完循环体内全部语句后再跳出（而不是立即跳出循环）。

3、执行次数不同

do-while循环是先执行后判断，执行次数至少为一次。

for循环是先判断后执行，可以不执行中间循环体。

while循环先判断后执行，可以不执行中间循环体。

4、执行末尾循环体的顺序不同    

do-while循环是在中间循环体中加入末尾循环体，并在执行中间循环体时执行末尾循环体。

for循环的中间循环体在条件判断语句里，执行末尾循环体后自动执行中间循环体。

while循环的末尾循环体也是在中间循环体里，并在中间循环体中执行。