js基础第五篇-流程控制

166 阅读4分钟

「这是我参与2022首次更文挑战的第4天,活动详情查看:2022首次更文挑战」。

顺序结构

默认:代码从上往下依次执行

分支结构

if分支语句

顺序结构(默认):代码从上往下依次执行

分支结构作用:代码是根据条件执行

注意点: if小括号里面的条件可以写哪些代码

  1. 关系表达式,关系表达式结果一定是布尔值
  2. 布尔类型的值
  3. 其他值:编译器会自动转换成布尔类型判断true/false

if单分支语句

单个条件判断
语法:
if(条件 true/false){
条件成立时需要执行的代码
}

if-else双分支语句

用于两个条件,用于两个互斥条件
语法:
if(条件true/false){
  条件成立时需要执行的代码
}else{
console.log{
条件不成立时需要执行的代码
}

注意点:

if-else语句中,if大括号与else大括号里面的代码 一定只会执行一个。既不会同时执行,也不会同时不执行

3.png

if-else if-else多分支语句

用于多个条件
语法:
if(条件1){
     条件1成立时需要执行代码
}else if(条件2){
     条件2成立时需要执行代码
}
else if这里可以写多个 ...
else {
    如果上面所有条件都不成立时
     需要执行代码
}

注意点:

1.多分支语句所有的大括号最多只会执行一个, 只有当上面条件不成立时,才会进入下一个条件判断

2.必须以if开头,中间else if 可以多个,结尾的else可以省略 (但是一般不会省)

1.png

switch-case语句

用于固定值匹配
语法:
switch(匹配值){
    case1:匹配值===值1,需要执行的代码
                  break
    case1: 匹配值===值1,需要执行的代码
                  break
.............
    default :如果上面所有的值都无法匹配,则需要执行的代码
                  break
}

注意点:

1.匹配值与case后面的值,一定要是全等关系

2.最后的default可以省略,一般不省略

3.break关键字用于结束Switch-case语句

如果不写,则会出现穿透现象

穿透: 码从上一个case代码块无条件执行到下一个case代码块

什么时候需要省略break?合理利用穿透 有多个匹配值需要执行相同的代码

三元表达式

由三元运算符组成的式子
语法:
式子?代码1:代码2
规则:
如果式子为true,则执行代码1,否则执行代码2

三元表达式做的事情跟if-else是一样的,只是代码更加简洁

三元表达式与if else的区别

1.三元表达式更加简洁:如果条件满足只需要执行一行代码,就可以使用三元

2.三元表达式由运算结果,可以用于计算,果三元表达式代码1 和代码2 有结果,三元表达式 结果就是他们的值,如果代码1和代码2没有运算结果,三元表达式的结果就是undefined

2.png

循环结构

循环结构的作用

代码重复执行

while循环

语法:
while(条件 true/false){
         循环体:需要执行的代码
}

while循环执行的规则

一、判断条件是否成立

1.条件成立:则执行循环体代码

2.条件不成立:循环结束,执行后面的代码

二、重复步骤一

while循环注意点:

1.不要忘记循环变量自增,否则会导致死循环

2.循环条件的代码:

关系表达式:结果一定是布尔型(布尔类型值)

其他数据:编译器会默认转成布尔值

for循环

语法:
for(语句1;语句2;语句3){
           循环体代码:需要重复执行的代码
}

执行规则:

1.执行语句1(声明循环变量)

2.判断语句2是否成立(循环条件)

  • 2.1 成立:执行循环体代码、循环体执行结束后,执行语句3(循环变量自增)
  • 2.2 不成立:循环结束。执行大括号后面的代码 3.重复步骤2

while和for循环的应用区别

当明确了循环的次数的时候使用for循环 for循环场景:循环次数确定

当不明确循环的次数的时候使用while循环 while循环场景:循环次数不确定

4.png

循环结构场景

1.找出指定方位符合条件的数:筛选功能

  • 遍历指定范围的数

  • 找出符合条件的数 2.求累加和:求和

  • 声明变量存储结果

  • 遍历数量

  • 累加

3.求最大值/最小值

  • 1.声明变量存储结果
  • 2.遍历数量
  • 3.依次比较大小

break与continue区别

break

不能单独在if中使用,可以在循环结构中的if使用

continue

结束本次循环体,立即进入下一次循环判断

5.png

加油加油!!

努力学习!!

js基础第一篇-js入门

js基础第二篇-变量

js基础第三篇-数据类型

js基础第四篇-运算符