流程控制-----流程控制就是来控制我们的代码按照什么结构顺序来执行
流程控制主要有三种结构,分别是:
1.顺序结构 --程序中最简单、最基本的流程控制,它没有特定的语法结构,程序会按照代码的先后顺 序,依次执行,
2.分支结构 ---由上到下执行代码的过程中,根据不同的条件,执行不同的路径代码(执行代码多选一的过 程),从而得到不同的结果
if语句:
1. if的语法结构:
如果if
if (条件表达式) {
//执行语句
}
执行思路 如果 if 里面的条件表达式结果为真true 则执行大括号里面的执行语句 如果if 条件表达式结果为假 则不执行大括号里面的语句 则执行if 语句后面的代码
如果if
2.if else语句(双分支语句):
if (条件表达式) {
//执行语句1
} else {
//执行语句2
}
执行思路 如果表达式结果为真那么执行语句1 否则执行语句2 2选1
else 后面直接跟大括号
3.if else if语句(多分支语句):
多分支语句 就是利用多个条件来选择不同的语句执行得到不同的结果多选1的过程
if(条件表达式1){
//语句1;
}else if(条件表达式2){
//语句2;
} else if (条件表达式3){
//语句3
} else {
//最后的语句 (如果上述都不成立就执行此处的代码)
}
执行思路:
如果条件表达式1 满足就执行语句1执行完毕后,退出整个if 分支语句
如果条件表达式1 不满足,则判断条件表达式2满足的话,执行语句2以此类推
如果上面的所有条件表达式都不成立,则执行else
注意点:
(1)多分支语句还是多选1最后只能有一个语句执行
(2)else if里面的条件理论上是可以任意多个的
(3)else if中间有个空格了
switch---switch 语句也是多分支语句也可以实现多选1
语法结构:switch 转换、开关、 case--小例子或者选项的意思
switch(表达式) {
case value1:
执行语句1;
break;
case value2:
执行语句2;
break;
........
default: //如果 以上都不满足条件就执行 default
执行最后语句;
}
代码:
switch (2) {
case 1:
console.log('这是1');
break;
case 2:
console.log('这是2');
break;
case 3:
console.log('这是3');
break;
default:
console.log('没有匹配结果');
}
执行思路﹑利用我们的表达式的值 和 case后面的选项值相匹配 如果匹配上,就执行该case里面的语句
如果都没有匹配上,那么执行 default里面的语句
***注意点:
1.我们开发里面表达式我们经常写成变量
2.我们num 的值和 case里面的值相匹配的时候是全等‘必须是值和数据类型一致才可以 num === 1
3. break 如果当前的case里面没有break则不会退出switch 是继续执行下一个case
3.循环结构
三元表达式
三元表达式也能做一些简单的条件选择。有三元运算符组成的式子称为三元表达式
有三元运算符(三目运算符)组成的式子我们称为三元表达式
语法结构:
条件表达式 ? 表达式1: 表达式2
执行思路:
如果条件表达式结果为真 则返回表达式1 的值
如果条件表达式结果为假 则返回表达式2 的值
代码:
var num = 10;
var result = num > 5 ? '是的' : '不是的'; //我们知道表达式是有返回值的
console.log(result); //是的
类似于:
if (num > 5) {
result = '是的'
} else {
result = '不是的'
}