就是控制代码按照什么顺序来执行
流程控制主要有三种结构,分别是 :顺序结构 if分支语句 循环语句
1.顺序结构
没有特定语法结构程序会按照代码的先后顺序
2.分支流程控制
根据不同的条件,执行不同的路径代码(执行代码多选一的过程),从而得到不同的结果
2.1 if分支语句
if 如果的意思
if (条件表达式){
//条件成立则执行语句
}
语句可以理解为一个行为,
循环和分支是典型的语句,一个程序由很多语句组成
执行思路 : 如果if里面的条件为真,true
则执行大括号里面的
如果条件表达式结果为假 则不执行大括号里面的语句,则执行if语句后面的代码
代码体验
var age = prompt('请输入你的年龄')
if (age >= 18) {
alert('带你装逼带你飞!')
}
if else双分支语句
语法结构 if如果 else否则
if (条件表达式) {
//执行语句1
} else {
//执行语句2
}
2.执行思路 如果条件表达式结果为真 那么执行语句1 否则 执行语句2
例如:
var age = prompt('请输入你的年龄')
if (age >= 18) {
alert('带你装逼带你飞!')
} else {
alert('回家玩泥巴去吧')
}
注意!
if里面的语句1和else里面的语句2 最终只有一个语句能执行
else 后面直接跟大括号
多分支语句
就是利用多个语句选择不同的语句执行,得到不同的结果,多选1的过程
语法结构
if (条件表达式) {
//执行语句1
} else if (条件表达式2){
//执行语句2
} else if (条件表达式3){
//执行语句3
}
执行思路:
如果条件表达式1 满足就执行 语句1 执行完毕后,退出整个uf语句分支
如果条件表达式1 不满足,则判断表达式2,满足的话,则执行语句2
如果都不满足,则执行else
三元表达式
由三元运算符组成的表达式称为三元表达式
语法结构
条件表达式(类似于是一个条件) ? 表达式1 : 表达式2
执行思路
如果条件表达式结果为真 则返回表达式1的值,反之,则返回2的
注意!
如果三元表达式成立或者不成立的时候,给的是值,那么这个就是返回值
如果三元表达式 成立与否 给的是要执行的代码 那么返回值是 undefined
三元表达式案例 之 数字补0案例
<script>
var time = prompt('请您输入一个0-59的数字')
// 三元表达式
// 这个时候用三元表达式比较方便,如果用户输入的数值小于10,
// 就在数字前面加0 的字符串,如果大于就正常显示 ,并赋值输出。
var str = time < 10 ? '0' + time : time
alert(str)
</script>
swith分支语句
语法结构是:\
一般只做值(要全等)的判断,不做范围的判断
如果case 值 满足的条件 但是没有break 呢么会继续执行下一个case的代码,不需要做判断,直到遇到了有break的值。
switch (值){
case 值 :
要执行的代码部分
break;
...
default:
执行最后的语句
}
例如
<!-- 用户输入不同的时间段显示不同的提示 -->
<script>
var age = prompt('请输入时间');
switch (age) {
case '12':
alert('中午好');
break;
case '18':
alert('傍晚好');
break;
case '23':
alert('晚上好');
break;
default:
alert('自己去看时间!');
}
</script>