JavaScript入门笔记(二):流程控制
什么是流程控制?
按照一定的流程选择要执行的代码
流程控制分为三种结构:序结构、选择(分支)结构( if 和 switch )、循环结构(for循环、while循环、do…while循环)
一 顺序结构
代码从上至下 一行一行进行解析!
二 分支结构
if语句和switch语句
if语句分为三种分支 单分支、双分支、多分支
1.1、if 单分支 语法:
if (条件表达式) {
要执行的代码块;
}
结构说明:
当条件表达式成立时,才会执行代码块。
条件表达式成立指提是:得到布尔类型的值为true 就表示成立。
1.2、if 双分支语法 语法:
if (条件表达式) {
执行代码块1;
} else {
执行代码块2;
}
结构说明:
如果条件表达式成立的话就执行代码块1,反之如果不成立就执行代码块2
1.3、if 多分支 语法:
if(条件表达式1){
代码块1;
}else if(条件表达式2){
代码块2;
} else if(条件表达式3){
代码块3;
} else if(条件表达式n){
代码块n;
}else{
默认代码块;
}
结构说明:
第一步:先去判断条件表达式1是否成立 如果成立就执行代码块1 然后就结束if语句 如果不成立
第二步:判断条件表达式2是否成立 如果成立就执行代码块2 然后就结束if语句 如果不成立
第三步:判断条件表达式3是否成立 如果成立就执行代码块3 然后就结束if语句 如果不成立
第四步:判断条件表达式n是否成立 如果成立就会执行代码块n 然后就结束if语句 如果不成立
第五步:前提是有写else语句 else语句可以省略不写 上面的所有的条件表达式都不成立 就会执行else语句里面的代码块
2.1 switch语句 语法:
switch(变量名){
case 值1:
代码块1;
break;
case 值2:
代码块2
break;
case 值3:
代码块3;
break;
case 值n:
代码块n;
break;
default:
默认执行的代码块!
}
结构说明:
switch语句它是拿小括号中变量的值去与每一个case后面的值进行全等比较 如果比较成功(得到布尔true) 就会执行对应的代码块 还要去查找是否有break关键字 如果有break关键字 那么switch语句就会结束 但是如果没有break关键字 它会去往下去查找break关键字 同时会将下面的代码块进行输出 直到找到break关键字为止 如果所有的case后面的值与变量的值不相等 那么就会执行默认的代码块(default语句可以省略不写 前提是要求defalut语句有写 才会执行默认的代码块)。
三 循环结构
在满足一定的条件下 重复执行某些代码!
for循环、while循环、do…while循环
1.1 for循环语法:
for(变量初始化; 条件表达式; 变量更新){
循环体 //重复做的事情
}
结构说明:
第一步:变量初始化 定义一个变量并给其赋值 它只会执行一次
第二步:判断条件表达式是否成立 如果成立就执行第三步 如果不成立就会结束for循环
第三步:假设条件表达式成立 执行循环体
第四步:对变量进行更新 变量更新完毕以后接下来就会重复第二步–à第三步–à第四步
一直到条件表达式不成立了 然后for循环才会结束
1.2 while循环语法
变量初始化
while(条件表达式){
//循环体;
变量更新;
}
结构说明:
当条件表达式成立的时候就执行循环体,反之如果条件表达式不成立就结束while循环!
1.3 do..while循环语法
do{
//循环体
}while(条件表达式);
结构说明:
先执行一次循环体,然后再来判断条件表达式是否成立。如果条件表达式成立就继续执行循环体,如果不成立就会结束do while循环。
不管条件表达式是否成立,do while循环都会执行一次循环体。
1.4 循环的终止
典型的,当条件表达式不成立了,那么循环体就会终止执行。也可以称之为循环它寿终正寝了。
循环提前终止:本来条件表达式是成立了,循环体还可以继续的往下执行,但是我们可以使用一些关键字让其提前终止。
break 和 continue 循环终止的关键字
break 终止,当在循环体中遇到了break关键字以后,整个循环语句就会直接结束。不会再执行。
继续,它会终止当前循环体,那么继续执行下一次循环体。