- 我们的
js
代码都是顺序执行的(从上到下) - 逻辑分支就是根据我们设定好的条件来决定要不要执行某些代码
IF 条件分支结构(重点)
if 语句
通过一个
if
语句来决定代码是否执行语法:
if (条件) { 要执行的代码 }
-
通过
()
里面的条件是否成立来决定{}
里面的代码是否执行// 条件为 true 的时候执行 {} 里面的代码 if (true) { alert('因为条件是 true,我会执行') } // 条件为 false 的时候不执行 {} 里面的代码 if (false) { alert('因为条件是 false,我不会执行') }
if else 语句
通过
if
条件来决定,执行哪一个{}
里面的代码语法:
if (条件) { 条件为 true 的时候执行 } else { 条件为 false 的时候执行 }
-
两个
{}
内的代码一定有一个会执行// 条件为 true 的时候,会执行 if 后面的 {} if (true) { alert('因为条件是 true,我会执行') } else { alert('因为条件是 true,我不会执行') } // 条件为 false 的时候,会执行 else 后面的 {} if (false) { alert('因为条件为 false,我不会执行') } else { alert('因为条件为 false,我会执行') }
if else if ... 语句
可以通过
if
和else if
来设置多个条件进行判断语法:
if (条件1) { 条件1为 true 的时候执行 } else if (条件2) { 条件2为 true 的时候执行 }
-
会从头开始依次判断条件
- 如果第一个条件为
true
了,那么就会执行后面的{}
里面的内容 - 如果第一个条件为
false
,那么就会判断第二个条件,依次类推
- 如果第一个条件为
-
多个
{}
,只会有一个被执行,一旦有一个条件为true
了,后面的就不在判断了// 第一个条件为 true,第二个条件为 false,最终会打印 “我是代码段1” if (true) { alert('我是代码段1') } else if (false) { alert('我是代码段2') } // 第一个条件为 true,第二个条件为 true,最终会打印 “我是代码段1” // 因为只要前面有一个条件满足了,就不会继续判断了 if (true) { alert('我是代码段1') } else if (true) { alert('我是代码段2') } // 第一个条件为 false,第二个条件为 true,最终会打印 “我是代码段2” // 只有前一个条件为 false 的时候才会继续向后判断 if (false) { alert('我是代码段1') } else if (true) { alert('我是代码段2') } // 第一个条件为 false,第二个条件为 false,最终什么也不会发生 // 因为当所有条件都为 false 的时候,两个 {} 里面的代码都不会执行 if (false) { alert('我是代码段1') } else if (false) { alert('我是代码段2') }
if else if … else 语句
-
和之前的
if else if ...
基本一致,只不过是在所有条件都不满足的时候,执行最后else
后面的{}
// 第一个条件为 false,第二个条件为 false,最终会打印 “我是代码段3” // 只有前面所有的条件都不满足的时候会执行 else 后面的 {} 里面的代码 // 只要前面有一个条件满足了,那么后面的就都不会执行了 if (false) { alert('我是代码段1') } else if (false) { alert('我是代码段2') } else { alert('我是代码段3') }
SWITCH 条件分支结构(重点)
也是条件判断语句的一种
是对于某一个变量的判断
-
语法:
switch (要判断的变量) { case 情况1: 情况1要执行的代码 break case 情况2: 情况2要执行的代码 break case 情况3: 情况3要执行的代码 break default: 上述情况都不满足的时候执行的代码 }
- 要判断某一个变量 等于 某一个值得时候使用
-
例子🌰: 根据变量给出的数字显示是星期几
var week = 1 switch (week) { case 1: alert('星期一') break case 2: alert('星期二') break case 3: alert('星期三') break case 4: alert('星期四') break case 5: alert('星期五') break case 6: alert('星期六') break case 7: alert('星期日') break default: alert('请输入一个 1 ~ 7 之间的数字') }
三元运算(扩展)
三元运算,就是用 两个符号 组成一个语句
三元运算只是对 if else 语句的一个简写形式
-
语法:
条件 ? 条件为 true 的时候执行 : 条件为 false 的时候执行
var age = 18; age >= 18 ? alert('已经成年') : alert('没有成年')
强化练习1
判断一个整数,属于哪个范围:大于0;小于0;等于0
判断一个整数是偶数还是奇数,并输出判断结果
开发一款软件,根据公式(身高-108)*2=体重,可以有10斤左右的浮动。来观察测试者体重是否合适
强化练习2
- 案例:输入分数,判定成绩等级(if和switch两种写法)
- 输入月份,显示当月的天数
要求:利用case穿透简化代码
强化练习3
根据输入的内容判断是几月
-
根据输入的三个数字,判断是这一年的第几天
-
例如:
var year = 2016 var month = 2 var day = 11 // 逻辑代码 // 输出是第 42 天
-