JS分支语句

188 阅读2分钟

1、程序三大流程控制语句

(1)顺序结构

以前我们写的代码,写几句就从上往下执行几句,这种叫顺序结构

顺序结构.png

(2)分支结构

有的时候要根据条件选择执行代码,这种就叫分支结构 图片221.png

(3)循环结构

某段代码被重复执行,就叫循环结构 循环结构.png

2、分支语句

image.png

image.png 程序中常见的程序结构为顺序结构,自上而下执行每一行代码。排在前面的语句先执行,排在后面的语句后执行。而分支语句通过条件控制代码行选择性执行。

(1)if分支语句

  1. 单分支 先判断条件,若满足条件就执行代码,否则不执行
if(条件){
满足条件要执行的代码
}
  1. 双分支 先判断条件,若满足条件就执行代码,否则执行else部分代码
if(条件){
满足条件要执行的代码
}else{
满足条件要执行的代码
}
  1. 多分支
    1. 先判断条件1,若满足条件1就执行代码1,其他不执行
    1. 若不满足则向下判断条件2,满足条件2执行代码2,其他不执行
    1. 若依然不满足继续往下判断,依次类推
    1. 若以上条件都不满足,执行else里的代码n 注:可以写N个条件
if(条件1){
  代码1
}else if(条件2){
  代码2
}else if(条件3){
  代码3
}else{
  代码 n
}
  1. 括号内的条件为true时,进入大括号里执行代码

  2. 小括号内的结果若不是布尔类型时,会发生隐式转换转为布尔类型

  3. 如果大括号只有一个语句,大括号可以省略,但是,不提倡这么做

  4. 除了0,所有数字都为真;除了空字符串,所有字符串都为真 if语句的嵌套

if(表达式){
     if(条件判断){
     //执行语句
	}
     }

(2)三元运算符

  1. 使用场景: 其实是比 if 双分支 更简单的写法,可以使用 三元表达式

符号:? 与 : 配合使用

条件?满足条件执行的代码:不满足条件执行的代码

(3)swich语句

概要:

  • 找到跟小括号里数据全等的case值,并执行里面对应的代码
  • 若没有全等 === 的则执行default里的代码
  • 例:数据若跟值2全等,则执行代码2
swich(数据){
  case1:
  代码1
  break
  case2:
  代码2
  break
  case3:
  代码3
  break
  default:
  代码n
}

注意事项:

  1. switch case语句一般用于等值判断,不适合于区间判断
  2. switch case一般需要配合break关键字使用 没有break会造成case穿透

3、后记

如果发现内有语句或逻辑混乱的地方,还请各路大神指正。

image.png