JavaScript入门笔记(二):流程控制

作者: JONE 分类: 前端学习 发布时间: 2017-06-30 15:18

什么是流程控制?

按照一定的流程选择要执行的代码

流程控制分为三种结构:序结构、选择(分支)结构( 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关键字以后,整个循环语句就会直接结束。不会再执行。

继续,它会终止当前循环体,那么继续执行下一次循环体

86-1

86-2

86-3

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注