WeHelp
掌握基礎的 JavaScript 觀念、語法、和程式運作流程,以及物件導向程式的入門技巧。
  1. JavaScript 快速開始
  2. 資料、資料型態
  3. 變數的使用
  4. 運算符號
  5. IF 條件判斷
  6. Switch 條件判斷
  7. While 迴圈
  8. For 迴圈
  9. 函式基礎
  10. 內建函式
  11. 箭頭函式
  12. 匿名函式
  13. 物件基礎
  14. 建構函式
  15. 類別與物件
  16. 字串物件
  17. 數學物件
  18. 陣列物件
Switch 條件判斷
## JavaScript `switch` 條件判斷 `switch` 用來根據某個表達式的值,執行不同的程式區塊。它適合用於多個固定值的條件判斷。 ### 基本語法 ```javascript switch (表達式) { case 值1: // 表達式等於值1時執行 break; case 值2: // 表達式等於值2時執行 break; default: // 沒有符合任何 case 時執行 } ``` - `case`:指定要比對的值 - `break`:結束 `switch`,避免繼續執行下一個 `case` - `default`:所有條件都不符合時執行,可省略 - `switch` 使用嚴格比對,效果類似 `===` ## 範例一:判斷星期 ```javascript let day = 3; switch (day) { case 1: console.log("星期一"); break; case 2: console.log("星期二"); break; case 3: console.log("星期三"); break; default: console.log("無效的星期"); } ``` 輸出: ```text 星期三 ``` ## 範例二:判斷飲料價格 ```javascript let drink = "咖啡"; switch (drink) { case "茶": console.log("茶的價格是 30 元"); break; case "咖啡": console.log("咖啡的價格是 50 元"); break; case "果汁": console.log("果汁的價格是 40 元"); break; default: console.log("沒有這項飲料"); } ``` 輸出: ```text 咖啡的價格是 50 元 ``` 如果省略 `break`,程式可能會繼續執行後面的 `case`,因此通常每個 `case` 結尾都會加上 `break`。
相關學習地圖、教學課程
F2E 網站前端工程
從 0 開始,成為網站前端工程師的學習路徑。