JS學習紀錄-08- 控制判斷if、else if、switch

js javascript 學習筆記

joycechou_914 2024-05-26 13:53:14 ‧ 610 瀏覽

分享至

嗨嗨~我是914 今天來學習控制判斷if、else if、switch 囉GOGOGO

前情提要&重要事項

1.下一篇是for迴圈，下篇的篇幅應該會很長，因為我曾經真的是被問倒這塊耶
想到我就開始火在燒(背影音樂請幫我放:大火)，會放在寫一下很多的實例
2.這篇會開始講語句跟舉例

if
如果我肚子餓，就會想吃洋芋片
那肚子餓就是我的條件式，而吃洋芋片則會是我條件達到的時候，執行的代碼
if 後面的小括號要放比較運算喔~

if (條件) {
    // 當條件為真時執行的代碼
} else {
    // 當條件為假時執行的代碼
}

let x = 10;

if (x > 5) {
    console.log("x 大於 5");//如果x 是大於5的話，那就會印出x>5
}

let x = 3;

if (x > 5) {
    console.log("x 大於 5");
} else {
    console.log("x 小於或等於 5");
}

else if
if內的程式碼，如果跟判斷式並不相符合，會執行else if的陳述式，最後的結尾是使用else

if (條件1) {
    // 當條件1為真時執行的代碼
} else if (條件2) {
    // 當條件2為真時執行的代碼
    //else if 可以很多程式碼
} else {
    // 當所有條件都不成立時執行的代碼
}

來仔細看一下這個舉例的部分，裡面會有詳細解說這樣~

let x = 7;

if (x > 10) {
    console.log("x 大於 10");
    //判斷 x 是否大於 10。假設x 的值是 7，不滿足條件 x > 10，因此這段代碼塊不會執行。
} else if (x > 5) {
    console.log("x 大於 5 且小於或等於 10");
    //如果上面條件並不成立，檢查 x 是否大於 5。舉例中x 的值是 7，滿足條件 x > 5，因此這段代碼塊會執行，並打印 "x 大於 5 且小於或等於 10"。因為這個條件成立，剩餘的 else 語句不會再檢查。
} else {
    console.log("x 小於或等於 5");
    //如果前面的所有條件都不成立，則執行這段代碼塊。
    在此例中，由於 x > 5 已經成立，因此這段代碼塊不會執行。
}

switch

switch (表達式) {
    case 值1:
    ...
        // 當表達式 === 值1時執行的代碼
        break;
    case 值2:
        // 當表達式 === 值2時執行的代碼
        break;每個case都要用break做結尾
        // 可以有任意多個case子句
    default:        
}

補充。

case變數名稱
先寫一個 case 然後加上變數名稱(字串要加引號，不用小括弧)，給一個冒號：寫裡面的內容，結尾用分號
像是舉例中的 case "banana": ; ，
break;
每個case都要用break做結尾
default:
用法像是else，如果上方都沒有配到結果的話，則開始執行，其位置可以任意放

舉例:

let fruit = "apple";

switch (fruit) {
    case "banana":
        console.log("這是一個香蕉");//如果 fruit 的值是 "banana"，打印 "這是一個香蕉"。
        break;
    case "apple":
        console.log("這是一個蘋果");//如果 fruit 的值是 "apple"，打印 "這是一個蘋果"。
        break;
    case "orange":
        console.log("這是一個橙子");//如果 fruit 的值是 "orange"，打印 "這是一個橙子"。
        break;
    default:
        console.log("未知的水果");//如果 fruit 的值不匹配任何 case，打印 "未知的水果"。
}

我是超級新手，若有任何建議或是錯誤的部分，歡迎底下留言唷thanks
我們下篇文章見掰掰~