JavaScript_流程控制(if、switch、while、do while) ——恋天小结

流程控制介绍

程序的三种基本结构:

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

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

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

分支结构

###if语句
if (/* 条件表达式 */) {
 // 执行语句
}
​
if (/* 条件表达式 */){
 // 成立执行语句
} else {
 // 否则执行语句
}
​
if (/* 条件1 */){
 // 成立执行语句
} else if (/* 条件2 */){
 // 成立执行语句
} else if (/* 条件3 */){
 // 成立执行语句
} else {
 // 最后默认执行语句
}

三元运算符
表达式1 ? 表达式2 : 表达式3
是对if……else语句的一种简化写法

switch语句

语法格式:
switch (expression) {
 case 常量1:
   语句;
   break;
 case 常量2:
   语句;
   break;
 case 常量3:
   语句;
   break;
 …
 case 常量n:
   语句;
   break;
 default:
   语句;
   break;
}

总结：
1.break可以省略，如果省略，代码会继续执行下一个case
2.switch 语句在比较值时使用的是全等操作符, 因此不会发生类型转换（例如，字符串’10’ 不等于数值 10）
3.if语句和switch语句的区别：
if语句：
表达式的结果为boolean类型。常用于区间判断

Switch语句：
表达式的类型不能是boolean类型，常用于等值判断
能用switch语句实现的就一定可以使用if实现，但是反之不一定，如果是区间范围就采用if，如果是等值判断使用switch

布尔类型的隐式转换

布尔类型的隐式转换
流程控制语句会把后面的值隐式转换成布尔类型
转换为true 非空字符串 非0数字 true 任何对象
转换成false 空字符串 0 false null undefined
// 结果是什么？
var a = !!‘123456’;
结果为 true；

循环结构

在javascript中，循环语句有三种，while、do…while、for循环。

while语句

基本语法：

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

代码示例：

// 计算1-100之间所有数的和
// 初始化变量
var i = 1;
var sum = 0;
// 判断条件
while (i <= 100) {
 // 循环体
 sum += i;
 // 自增
 i++;
}
console.log(sum);

do…while语句

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

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

代码示例：

// 初始化变量
var i = 1;
var sum = 0;
do {
 sum += i;//循环体
 i++;//自增
} while (i <= 100);//循环条件

for语句

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

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

执行顺序：1243 ---- 243 -----243(直到循环条件变成false)

continue和break

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

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

循环语句区别：

1.循环结构的表达式不同：
a)do-while循环结构表达式为：do{循环体;}。
b)for循环的结构表达式为：for（单次表达式;条件表达式;末尾循环体）{中间循环体；}。
c)while循环的结构表达式为：while（表达式）{循环体}

2.执行时判断方式不同
a)do-while循环将先运行一次，因为经过第一次do循环后，当检查条件表达式的值时，其值为 不成立时而会退出循环。保证了至少执行do{ }内的语句一次。
b)for循环执行的中间循环体可以为一个语句，也可以为多个语句，当中间循环体只有一个语句时，其大括号{}可以省略，执行完中间循环体后接着执行末尾循环体。
c)while循环执行时当满足条件时进入循环，进入循环后，当条件不满足时，执行完循环体内全部语句后再跳出（而不是立即跳出循环）。

3.执行次数不同
a)do-while循环是先执行后判断，执行次数至少为一次。
b)for循环是先判断后执行，可以不执行中间循环体。
c)while循环也是先判断后执行，可以不执行中间循环体。

4.执行末尾循环体的顺序不同
a)do-while循环是在中间循环体中加入末尾循环体，并在执行中间循环体时执行末尾循环体。
b)for循环的中间循环体在条件判断语句里，执行末尾循环体后自动执行中间循环体。
c)while循环的末尾循环体也是在中间循环体里，并在中间循环体中执行。