JavaScript中switch的寫法有哪些

JavaScript中switch的寫法有哪些

在JavaScript中，switch語句是一種多分支選擇結構，用于根據不同的條件執行不同的代碼塊。switch語句通常用于替代多個if-else語句，使代碼更加簡潔和易讀。本文將詳細介紹JavaScript中switch語句的寫法，包括基本語法、常見用法、注意事項以及一些高級技巧。

1. 基本語法

switch語句的基本語法如下：

switch (expression) {
  case value1:
    // 當 expression 的值等于 value1 時執行的代碼
    break;
  case value2:
    // 當 expression 的值等于 value2 時執行的代碼
    break;
  // 可以有任意數量的 case 語句
  default:
    // 當 expression 的值不等于任何 case 時執行的代碼
}

1.1 expression

expression是一個表達式，通常是一個變量或常量。switch語句會根據expression的值來決定執行哪個case分支。

1.2 case

case后面跟著一個值，表示當expression的值等于這個值時，執行對應的代碼塊。每個case分支通常以break語句結束，以防止代碼繼續執行下一個case分支。

1.3 default

default分支是可選的，當expression的值不等于任何case分支的值時，執行default分支中的代碼。default分支通常放在switch語句的最后。

1.4 break

break語句用于終止switch語句的執行。如果沒有break語句，代碼會繼續執行下一個case分支，直到遇到break或switch語句結束。

2. 常見用法

2.1 基本用法

以下是一個簡單的switch語句示例，用于根據星期幾輸出不同的信息：

let day = 3;

switch (day) {
  case 1:
    console.log("星期一");
    break;
  case 2:
    console.log("星期二");
    break;
  case 3:
    console.log("星期三");
    break;
  case 4:
    console.log("星期四");
    break;
  case 5:
    console.log("星期五");
    break;
  case 6:
    console.log("星期六");
    break;
  case 7:
    console.log("星期日");
    break;
  default:
    console.log("無效的日期");
}

在這個例子中，day的值為3，因此會輸出”星期三”。

2.2 多個case共享代碼塊

有時候，多個case分支可能需要執行相同的代碼塊。在這種情況下，可以將多個case分支合并在一起，如下所示：

let fruit = "apple";

switch (fruit) {
  case "apple":
  case "banana":
  case "orange":
    console.log("這是一個水果");
    break;
  case "carrot":
  case "potato":
    console.log("這是一個蔬菜");
    break;
  default:
    console.log("未知的食物");
}

在這個例子中，fruit的值為”apple”，因此會輸出”這是一個水果”。如果fruit的值為”banana”或”orange”，也會輸出相同的結果。

2.3 使用default分支

default分支用于處理expression的值不等于任何case分支的情況。以下是一個使用default分支的示例：

let color = "yellow";

switch (color) {
  case "red":
    console.log("紅色");
    break;
  case "blue":
    console.log("藍色");
    break;
  case "green":
    console.log("綠色");
    break;
  default:
    console.log("未知的顏色");
}

在這個例子中，color的值為”yellow”，因此會輸出”未知的顏色”。

2.4 省略break語句

在某些情況下，可能需要省略break語句，以便代碼繼續執行下一個case分支。以下是一個省略break語句的示例：

let num = 2;

switch (num) {
  case 1:
    console.log("數字1");
  case 2:
    console.log("數字2");
  case 3:
    console.log("數字3");
  default:
    console.log("其他數字");
}

在這個例子中，num的值為2，因此會輸出”數字2”、”數字3”和”其他數字”。由于沒有break語句，代碼會繼續執行后續的case分支和default分支。

3. 注意事項

3.1 case值的類型

switch語句中的case值可以是任何數據類型，但expression和case值的類型必須一致。以下是一個類型不一致的示例：

let value = "1";

switch (value) {
  case 1:
    console.log("數字1");
    break;
  case "1":
    console.log("字符串1");
    break;
  default:
    console.log("其他值");
}

在這個例子中，value的值為字符串”1”，因此會輸出”字符串1”。如果value的值為數字1，則會輸出”數字1”。

3.2 case值的唯一性

switch語句中的case值必須是唯一的，不能有重復的case值。以下是一個重復case值的示例：

let value = 1;

switch (value) {
  case 1:
    console.log("數字1");
    break;
  case 1:
    console.log("重復的數字1");
    break;
  default:
    console.log("其他值");
}

在這個例子中，第二個case 1會導致語法錯誤，因為case值必須是唯一的。

3.3 default分支的位置

default分支可以放在switch語句的任何位置，但通常放在最后。以下是一個將default分支放在中間的示例：

let value = 3;

switch (value) {
  case 1:
    console.log("數字1");
    break;
  default:
    console.log("其他值");
    break;
  case 2:
    console.log("數字2");
    break;
}

在這個例子中，value的值為3，因此會輸出”其他值”。盡管default分支位于中間，但它的行為與放在最后時相同。

4. 高級技巧

4.1 使用switch語句處理復雜條件

switch語句不僅可以處理簡單的值匹配，還可以處理復雜的條件。以下是一個使用switch語句處理復雜條件的示例：

let score = 85;

switch (true) {
  case score >= 90:
    console.log("優秀");
    break;
  case score >= 80:
    console.log("良好");
    break;
  case score >= 70:
    console.log("中等");
    break;
  case score >= 60:
    console.log("及格");
    break;
  default:
    console.log("不及格");
}

在這個例子中，switch語句的expression為true，case分支為條件表達式。當score的值為85時，會輸出”良好”。

4.2 使用switch語句處理對象屬性

switch語句還可以用于處理對象屬性。以下是一個使用switch語句處理對象屬性的示例：

let person = {
  name: "Alice",
  age: 25,
  gender: "female"
};

switch (person.gender) {
  case "male":
    console.log("男性");
    break;
  case "female":
    console.log("女性");
    break;
  default:
    console.log("未知性別");
}

在這個例子中，person.gender的值為”female”，因此會輸出”女性”。

4.3 使用switch語句處理函數返回值

switch語句還可以用于處理函數返回值。以下是一個使用switch語句處理函數返回值的示例：

function getDayOfWeek(day) {
  switch (day) {
    case 1:
      return "星期一";
    case 2:
      return "星期二";
    case 3:
      return "星期三";
    case 4:
      return "星期四";
    case 5:
      return "星期五";
    case 6:
      return "星期六";
    case 7:
      return "星期日";
    default:
      return "無效的日期";
  }
}

console.log(getDayOfWeek(3)); // 輸出 "星期三"

在這個例子中，getDayOfWeek函數根據傳入的day值返回對應的星期幾。

5. 總結

switch語句是JavaScript中一種強大的多分支選擇結構，可以用于根據不同的條件執行不同的代碼塊。本文詳細介紹了switch語句的基本語法、常見用法、注意事項以及一些高級技巧。通過合理使用switch語句，可以使代碼更加簡潔、易讀和高效。

在實際開發中，switch語句通常用于處理多個固定值的條件判斷，尤其是在需要處理多個case分支時，switch語句比多個if-else語句更加簡潔和高效。然而，switch語句也有一些局限性，例如不能處理復雜的條件表達式，因此在某些情況下，if-else語句可能更加靈活。

希望本文能夠幫助你更好地理解和使用JavaScript中的switch語句，并在實際開發中靈活運用。