单分支 两路分支和多分支的if结构_JavaScript学习笔记（二）-- 分支结构

分支结构

• 我们的 js 代码都是顺序执行的（从上到下）
• 逻辑分支就是根据我们设定好的条件来决定要不要执行某些代码

IF 条件分支结构

if 语句

• 通过一个 if 语句来决定代码执行与否a
• 语法： 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')}elseif(false){alert('我是代码段2')}​// 第一个条件为 true，第二个条件为 true，最终会打印 “我是代码段1”
// 因为只要前面有一个条件满足了，就不会继续判断了
if(true){alert('我是代码段1')}elseif(true){alert('我是代码段2')}​// 第一个条件为 false，第二个条件为 true，最终会打印 “我是代码段2”
// 只有前一个条件为 false 的时候才会继续向后判断
if(false){alert('我是代码段1')}elseif(true){alert('我是代码段2')}​// 第一个条件为 false，第二个条件为 false，最终什么也不会发生
// 因为当所有条件都为 false 的时候，两个 {} 里面的代码都不会执行
if(false){alert('我是代码段1')}elseif(false){alert('我是代码段2')}

if else if … else 语句

• 和之前的 if else if ... 基本一致，只不过是在所有条件都不满足的时候，执行最后 else 后面的 {}

// 第一个条件为 false，第二个条件为 false，最终会打印 “我是代码段3”
// 只有前面所有的条件都不满足的时候会执行 else 后面的 {} 里面的代码
// 只要前面有一个条件满足了，那么后面的就都不会执行了
if(false){alert('我是代码段1')}elseif(false){alert('我是代码段2')}else{alert('我是代码段3')}

SWITCH 条件分支结构

• 也是条件判断语句的一种
• 是对于某一个变量的判断
• 语法：

switch(要判断的变量){case情况1:情况1要执行的代码breakcase情况2:情况2要执行的代码breakcase情况3:情况3要执行的代码breakdefault:上述情况都不满足的时候执行的代码}

varweek=1switch(week){case1:alert('星期一')breakcase2:alert('星期二')breakcase3:alert('星期三')breakcase4:alert('星期四')breakcase5:alert('星期五')breakcase6:alert('星期六')breakcase7:alert('星期日')breakdefault:alert('请输入一个 1 ～ 7 之间的数字')}

三元运算（扩展）

• 三元运算，就是用 两个符号 组成一个语句
• 三元运算只是对 if else 语句的一个简写形式
• 语法： 条件 ? 条件为 true 的时候执行 : 条件为 false 的时候执行

varage=18;age>=18?alert('已经成年'):alert('没有成年')

---

此文转载自：千锋HTML5学院

原文链接：JavaScript学习笔记（二）-- 分支结构

Eric：JavaScript学习笔记（一）-- JavaScript基础语法​