---
# System prepended metadata

title: JS 控制與判斷篇 - switch
tags: [JavaScript - if else 控制與判斷篇]

---

# JS 控制與判斷篇 - switch

### switch 簡介:

- 範例

```
var keyword = '';
// 可做為 switch case 作為「資料」比對用

function eat(foods) {
    console.log('我現在想吃:' + foods)
}

// switch 不同於 if else 的方式，會一行一行去做判讀，而是直接搜尋關鍵字的方式來執行!
// 如此可以大大提升程式碼的效能

switch (keyword) {
    case '牛排':
        eat('牛排');
        break;
    case '鮪魚':
        eat('鮪魚');
        break;
    // 若keyword 內變數不含以上的資料，則自動顯示 default 的結果:
    default:
        eat('瓜');
        break;
}
```



### switch 延伸學習:

- 警戒提示情境篇:

```
var light = 'green';


// switch (帶入要比對的變數)
switch (light) {
    case 'red':
        // 若 case 吃到 light 裡的變數為: 'red' 則顯示以下:
        console.log('現在是紅色警戒:建議快逃命');
        break;
    case 'blue':
       // 若 case 吃到 light 裡的變數為: 'blue' 則顯示以下:
        console.log('現在是藍色警戒:建議居家隔離');
        break;
    default:
      // default 類似 else 的概念，如果 light 變數/值都不在程式碼內，
         則顯示此項目
        console.log('現在很安全，是在擔心什麼?');
        break;
}
```

### default，亦可寫在 switch 內的上方或是結尾處，亦可。







###### tags: `JavaScript - if else 控制與判斷篇`
