二、JS分支结构

分支结构

• 我们的 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 … else 语句

• 可以通过 if 和 else if 来设置多个条件进行判断

• 语法：if (条件1) { 条件1为 true 的时候执行 } else if (条件2) { 条件2为 true 的时候执行 }

• 会从头开始依次判断条件

  • 如果第一个条件为 true 了，那么就会执行后面的 {} 里面的内容
  • 如果第一个条件为 false，那么就会判断第二个条件，依次类推

• 多个 {} ，只会有一个被执行，一旦有一个条件为 true 了，后面的就不在判断了

var num = 10;
if (num == 10) {
  console.log("数值等于10");
} else if (num == 20) {
  console.log("数值等于20");
} else {
  console.log("数值既不等于10也不等于20");
}

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("没有成年");