目录
1.流程控制
2.顺序流程控制
3.分支流程控制
3.1 if 语句
3.2 if else语句（双分支语句）
3.3 if else if 语句(多分支语句)
3.4 三元表达式
3.5 switch语句
4.循环流程控制
4.1 for循环
4.2 while循环
4.3 do while循环
4.4 continue break
5.综合案例
1.流程控制
流程控制就是来控制我们的代码按照什么结构顺序来执行。
流程控制主要有三种结构，分别是顺序结构、分支结构和循环结构，这三种结构代表三种代码执行的顺序。
2.顺序流程控制
顺序结构是程序中最简单、最基本的流程控制，它没有特定的语法结构，程序会按照代码的先后顺序，依次执行。
3. 分支流程控制
分支结构：由上到下执行代码的过程中，根据不同的条件，执行不同的路径代码。
JS 语言提供了两种分支结构语句：if 语句、switch 语句
3.1 if 语句
语法结构：
if (条件表达式) {
// 条件成立执行的代码语句
}
例子 ：用户输入年龄，年龄小于18岁的输出未成年人。
if语句
3.2 if else语句（双分支语句）
语法结构：
if (条件表达式) {
// [如果] 条件成立执行的代码
} else {
// [否则] 执行的代码
}
例子：用户输入三位以内数字，判断几位数
if语句
例子：判断闰年。接收用户输入的年份，如果是闰年就弹出闰年，否则弹出是平年。
判断闰年
3.3 if else if 语句(多分支语句)
语法结构：
if (条件表达式1) {
语句1；
} else if (条件表达式2) {
语句2；
} else if (条件表达式3) {
语句3；
....
} else {
// 上述条件都不成立执行此处代码
}
例子：判断成绩
if多分支
3.4 三元表达式
语法结构：
表达式1 ? 表达式2 : 表达式3;
如果表达式1为 true ，则返回表达式2的值，如果表达式1为 false，则返回表达式3的值。
三元表达式
3.5 switch语句
语法：
switch( 表达式 ){
case value1:
// 表达式 等于 value1 时要执行的代码
break;
case value2:
// 表达式 等于 value2 时要执行的代码
break;
default:
// 表达式 不等于任何一个 value 时要执行的代码
}
注： 执行case 里面的语句时，如果没有break，则继续执行下一个case里面的语句。
例子：
switch
例子：查询水果价格
查询水果价格
4.循环流程控制
在Js 中，主要有三种类型的循环语句：
- for 循环
- while 循环
- do...while 循环
4.1 for循环
for(初始化变量; 条件表达式; 操作表达式 ){
//循环体
}
例子：1-100所有正数求和
循环
例子：for循环案例
案例
例子：求学生成绩
求学生成绩
例子：打印一排小星星
打印星星
例子：双重for循环打印爱心
双重for循环
例子：打印九九乘法表
九九乘法表
4.2 while 循环
while (条件表达式) {
// 循环体代码
}
例子：
while循环
4.3 do while循环
do {
// 循环体代码 - 条件表达式为 true 时重复执行循环体代码
} while(条件表达式);
例子：do while案例
do while循环
4.4 continue break
continue 关键字用于立即跳出本次循环，继续下一次循环（本次循环体中 continue 之后的代码就会少执行一次）。
break 关键字用于立即跳出整个循环（循环结束）。
continue和break
5.综合案例
例子：ATM机
主页面包括存钱，取钱，查询余额，退出四个功能，每个功能操作完回到主页面。
ATM机
学习来源：B站黑马前端
