JS 基础（二）if 分支语句

一、语法形式:

• 概念: 根据条件决定是否执行某一段代码, 或者决定执行哪一段代码

1. if 语句

• 语法：if (条件) { 代码段 }
• 意义: 条件为 ture 的时候, { } 内的代码段执行, 否则不执行

var age = 19;
if (age >= 18) {
  console.log('去网吧');
} //打印结果：去网吧

2. if else 语句

• 语法：if (条件) { 代码段 } else { 代码段 }
• 意义: 条件为 true, 执行 if 后面的 { } 内的代码, 否则执行 else 后面 {} 内的代码
• 注意: 两个 { } 内的代码, 能且只能执行一个

var age = 16;
if (age >= 18) {
  console.log('去网吧');
} else {
  console.log('借一个身份证');
} // 打印结果：借一个身份证

3. if else if … 语句

• 语法： if (条件) { 代码段 } else if (条件) { 代码段 } …
• 意义: 从第一个 if 开始依次判断每一个条件, 哪一个条件成立, 执行哪一个条件 后面 { } 内的代码
  • 只要前面的 if 条件成立了, 那么后面的就都不管了
  • 如果所有条件都不成立, 那么都不执行
• 注意：多个 { } 内的代码, 最多只能执行一个

var age = 10;
if (age >= 18) {
  console.log('上大学');
} else if (age >= 12) {
  console.log('中学');
} else if (age >= 6) {
  console.log('小学');
}
// 打印结果：小学

4. if else if else 语句

• 语法：if (条件) { 代码段 } else if (条件) { 代码段 } … else { 代码段 }
• 意义: 从第一个 if 开始依次判断每一个条件, 哪一个条件成立, 执行哪一个条件 后面 {} 内的代码
  • 只要前面的 if 条件成立了, 那么后面的就都不管了
  • 如果所有条件都不成立, 执行 else 后面 { } 内的代码
• 注意: 多个 { } 内的代码, 能且只能执行一个

var age = 5;
if (age >= 18) {
  console.log('上大学');
} else if (age >= 12) {
  console.log('中学');
} else if (age >= 6) {
  console.log('小学');
} else {
  console.log('在家和小姨一起玩');
}
// 打印结果：在家和小姨一起玩

注意：当 if 各种语句, 代码段只有一句话的时候, 可以省略 { } 不写，当你需要省略的时候, 那么 else 必须换行

二、小练习

练习 1：判断一个数字是偶数还是奇数

• 需求: 一个数字和 2 取余是否为 0

var n = 13;
if (n % 2 === 0) {
  console.log('偶数');
} else {
  console.log('奇数');
}
// 打印结果：奇数

练习 2：判断一个数字是否在某一个区间内

• 题目: 判断数字是否在 [10, 20] 之间

• 数学角度: 10 <= 数字 <= 20

• 代码角度: 需要同时满足两个条件, 10 <= 数字, 数字 <= 20

var n = 15;
//第一步: 10 <= n 得到的结果是 true 或者 false
//第二步: 布尔 <= 20 得到的结果一定是 true
if (10 <= n <= 20) {
  console.log(n + ' 确实在 [10, 20] 之间');
}
// 打印结果：15确实在[10,20]之间

练习 3: 根据成绩在控制台输出一些字母

/* 要求：
  90 以上  A
  80 ~ 89 B
  70 ~ 79 C
  60 ~ 69 D
  60 以下 E 
  */
var score = 59;
if (score >= 90) {
  console.log('A');
} else if (score >= 80) {
  console.log('B');
} else if (score >= 70) {
  console.log('C');
} else if (score >= 60) {
  console.log('D');
} else {
  console.log('E');
}
// 打印结果：E

练习 4：判断一个年份数字是不是闰年

/*
  闰年
    能被四整除不能被100整除
    能被400整除

    闰年: year 是 4 的倍数，且 year 不是 100 的倍数的
    闰年：year 是 400 的倍数

    闰年: year % 4 === 0 && year % 100 !== 0
    闰年：year % 400 === 0
  */

var year = 1900;

// 书写条件
if ((year % 4 === 0 && year % 100 !== 0) || year % 400 === 0) {
  console.log(year + ' 是闰年');
} else {
  console.log(year + ' 是平年');
}
// 打印结果：1900是平年