IT課程 JavaScript基礎 041_條件分支 if、else、switch

JavaScript 中的條件語句主要包括 if、else if、else 和 switch。

if 語句

if 語句用於根據一個條件判斷是否執行某段代碼。當 if(...) 語句括號裡的條件表達式為 true，則執行 if 後的 一行 語句。 如果希望控制多行代碼，可以使用 {} 將語句括起來。建議每次使用 if 語句都用大括號 {} 來包裝代碼塊，即使只有一條語句，這樣可以提高代碼可讀性。 如果條件表達式為 false 則不執行。 如果 if 後的條件表達式不是布爾值，會先轉換為布爾值然後再運算。數字 0、空字符串 ""、null、undefined 和 NaN 都會被轉換成 false。其它值被轉換為 true。

示例：

1
let age = 18;
2
if (age >= 18) console.log('成年人');
3
if (age >= 18) {
4
  console.log('成年人');
5
}

if-else 語句

if-else 語句可根據不同條件執行不同的代碼塊，如果該表達式的值為 true，則執行 if 後面的代碼塊；否則執行 else 後面的代碼塊。

示例：

1
let age = 25;
2
if (age >= 18) {
3
  console.log('成年人');
4
} else {
5
  console.log('未成年人');
6
}

else if 語句

else if 語句是在 if-else 結構中使用的擴展，允許你添加多個條件進行判斷。 else if 語句會自上而下依次對 if 後的條件表達式進行求值判斷，直到出現 true 條件為止。當出現 true 條件時，後面的條件就不會再繼續求值判斷了，需要合理安設計條件的排列順序或增加邏輯運算條件。

示例：

1
let score = 95;
2
if (score >= 90) {
3
  console.log('優秀');
4
} else if (score >= 60) { //嘗試把次條件排序到第一試試結果如何？
5
  console.log('及格');
6
} else {
7
  console.log('不及格');
8
}

switch 語句

switch 語句可替代多個if判斷，根據表達式的值進行多分支選擇。 switch 語句在執行時，會依次將 switch 後的表達式和 case 後的表達式進行 嚴格相等 比較 如果比較結果為 true，switch 語句就執行相應 case 後的代碼塊，直到遇到最靠近的 break 語句（或者直到 switch 語句末尾）。 如果沒有符合的 case，則執行 default 代碼塊（如果 default 存在）。

示例：

1
let day = 7;
2
switch (day) {
3
  case 1:
4
      console.log('星期一');
5
      break;
6
  case 2:
7
      console.log('星期二');
8
    break;
9
  case 6: //case 分組
10
  case 7: //共享同一段代碼的幾個 case 分支可以被分為一組
11
      console.log('週末');
12
      break;
13
  default:
14
      console.log('其他');
15
}

break 終止（結束、跳出）循環

break 用於終止（結束、跳出）當前的循環或 switch 語句，如果沒有 break，則會繼續執行後續 case（即發生”穿透”現象）。

示例：

1
let day = 2;
2
switch (day) {
3
  case 1:
4
    console.log('星期一');
5
    break;
6
  case 2:
7
    console.log('星期二');
8
    // 沒有 break，會繼續執行下一個 case
9
  case 3:
10
    console.log('星期三');
11
    break;
12
  default:
13
    console.log('其他');
14
}