文章目录
一、流程控制二、顺序结构三、if 分支结构3.1 if 语句3.2 if else语句（双分支语句）3.3 if else if 语句(多分支语句) 四、三元表达式五、switch 分支结构5.1 switch 语句和 if else if 语句的区别 六、循环结构6.1 循环6.1 for 循环6.1 双重 for 循环6.1 while 循环6.1 do while 循环6.1 continue break6.1.1 continue 关键字6.1.2 break 关键字一、流程控制
流程控制主要有三种结构，分别是顺序结构、分支结构和循环结构，这三种结构代表三种代码执行的顺序。
二、顺序结构
顺序结构是程序中最简单、最基本的流程控制，它没有特定的语法结构，程序会按照代码的先后顺序，依次执行，程序中大多数的代码都是这样执行的。
三、if 分支结构
JS 语言提供了两种分支结构语句
if 语句switch 语句
3.1 if 语句
语法结构
if (条件表达式) {// 条件成立执行的代码语句}
3.2 if else语句（双分支语句）
语法结构
if (条件表达式) {// [如果] 条件成立执行的代码} else {// [否则] 执行的代码}
3.3 if else if 语句(多分支语句)
语法结构
if (条件表达式1) {语句1；} else if (条件表达式2) {语句2；} else if (条件表达式3) {语句3；....} else {// 上述条件都不成立执行此处代码}
四、三元表达式
三元表达式也能做一些简单的条件选择。 有三元运算符组成的式子称为三元表达式
1. 语法结构
表达式1 ? 表达式2 : 表达式3;
2. 执行思路
如果表达式1为true，则返回表达式2的值，如果表达式1为false，则返回表达式3的值
简单理解： 就类似于 if else （双分支） 的简写
五、switch 分支结构
语法结构
switch( 表达式 ){case value1:// 表达式 等于 value1 时要执行的代码break;case value2:// 表达式 等于 value2 时要执行的代码break;default:// 表达式 不等于任何一个 value 时要执行的代码}
switch ：开关 转换 ， case ：小例子 选项关键字 switch 后面括号内可以是表达式或值， 通常是一个变量关键字 case , 后跟一个选项的表达式或值，后面跟一个冒号switch 表达式的值会与结构中的 case 的值做比较如果存在匹配全等(===) ，则与该 case 关联的代码块会被执行，并在遇到 break 时停止，整个 switch 语句代码执行结束如果所有的 case 的值都和表达式的值不匹配，则执行 default 里的代码
注意： 执行case 里面的语句时，如果没有break，则继续执行下一个case里面的语句。
5.1 switch 语句和 if else if 语句的区别
一般情况下，它们两个语句可以相互替换switch…case 语句通常处理 case为比较确定值的情况， 而 if…else…语句更加灵活，常用于范围判断(大于、等于某个范围)switch 语句进行条件判断后直接执行到程序的条件语句，效率更高。而if…else 语句有几种条件，就得判断多少次。当分支比较少时，if… else语句的执行效率比 switch语句高。当分支比较多时，switch语句的执行效率比较高，而且结构更清晰。六、循环结构
6.1 循环
循环目的
在实际问题中，有许多具有规律性的重复操作，因此在程序中要完成这类操作就需要重复执行某些语句
在JS 中，主要有三种类型的循环语句：
for 循环while 循环do…while 循环
6.1 for 循环
语法结构
for(初始化变量; 条件表达式; 操作表达式 ){//循环体}
初始化变量：通常被用于初始化一个计数器，该表达式可以使用 var 关键字声明新的变量，这个变量帮我们来记录次数。条件表达式：用于确定每一次循环是否能被执行。如果结果是 true 就继续循环，否则退出循环。操作表达式：每次循环的最后都要执行的表达式。通常被用于更新或者递增计数器变量。当然，递减变量也是可以的。
6.1 双重 for 循环
语法结构
for (外循环的初始; 外循环的条件; 外循环的操作表达式) {for (内循环的初始; 内循环的条件; 内循环的操作表达式) {需执行的代码;}}
内层循环可以看做外层循环的语句内层循环执行的顺序也要遵循 for 循环的执行顺序外层循环执行一次，内层循环要执行全部次数
6.1 while 循环
语法结构
while (条件表达式) {// 循环体代码 }
执行思路：
先执行条件表达式，如果结果为 true，则执行循环体代码；如果为 false，则退出循环，执行后面代码执行循环体代码循环体代码执行完毕后，程序会继续判断执行条件表达式，如条件仍为true，则会继续执行循环体，直到循环条件为 false 时，整个循环过程才会结束
注意：
使用 while 循环时一定要注意，它必须要有退出条件，否则会成为死循环
while 循环和 for 循环的不同之处在于 while 循环可以做较为复杂的条件判断，比如判断用户名和密码
6.1 do while 循环
语法结构
do {// 循环体代码 - 条件表达式为 true 时重复执行循环体代码} while(条件表达式);
执行思路：
先执行一次循环体代码再执行条件表达式，如果结果为 true，则继续执行循环体代码，如果为 false，则退出循环，继续执行后面代码
注意：先再执行循环体，再判断，我们会发现 do…while 循环语句至少会执行一次循环体代码
6.1 continue break
6.1.1 continue 关键字
continue 关键字用于立即跳出本次循环，继续下一次循环（本次循环体中 continue 之后的代码就会少执行一次），continue 语句只能用在while、do/while、for、for/in语句中。
例如，吃5个包子，第3个有虫子，就扔掉第3个，继续吃第4个第5个包子，其代码实现如下：
for (var i = 1; i <= 5; i++) {if (i == 3) {console.log('这个包子有虫子，扔掉');continue; // 跳出本次循环，跳出的是第3次循环 }console.log('我正在吃第' + i + '个包子呢');}
6.1.2 break 关键字
break 关键字用于立即跳出整个循环（循环结束），break 语句能够结束当前for、for/in、while、do/while或者switch语句的执行。
例如，吃5个包子，吃到第3个发现里面有半个虫子，其余的不吃了，其代码实现如下：
for (var i = 1; i <= 5; i++) {if (i == 3) {break; // 直接退出整个for 循环，跳到整个for下面的语句}console.log('我正在吃第' + i + '个包子呢');}
本文参考及图片来源：黑马程序员JavaScript全套教程，Web前端必学的JS入门教程，零基础JavaScript入门
如果觉得《黑马程序员——JavaScript基础4（JavaScript 流程控制）》对你有帮助，请点赞、收藏，并留下你的观点哦！
