技術標籤：前端學習javascriptjs前端

十三、JS分支判斷

• JS分支判斷
• • if語句
  • • JS中真假判斷
    • else if 和 else
    • == 和 ===
    • && 和 ||
    • ! 取非
  • switch語句
  • 三元運算子

JS分支判斷

JS中的條件判斷語句與其他語言類似，主要有if語句和switch語句。

if語句

JS中真假判斷

• 為假的情況有：
  • false
  • 當為數字0時
  • 當為空字串時
  • undefined
  • null
• 為真的情況有：
  • true
  • 當為除數字0之外的數字時
  • 當為除空字串的其他字串時
  • 其他為假的情況之外時

        var a = true;
        if(a){
            console.
 
log(a);
            //輸出true
        }
        var b = 1;
        if(b){
            console.log(b);
            //輸出1
        }
        //...

else if 和 else

• if 語句通常會和 else if 語句以及 else 語句配套使用：

        var c = 10;
        var d = 20;
        if(c > d){
            console.log("c > d");
        }
 
else if(c < d){
            console.log("c < d");
        }else{
            console.log("c = d");
        }
        //輸出c < d

== 和 ===

• if 語句中，用 == 判斷是否相等，== 會進行隱式轉換，即使型別不同也可以匹配；用 === 判斷是否完全匹配，會嚴格判斷型別是否相同：

var e = 10;
        var f = "10";
        if(e == f){
            console.
 
log("相等");
        }else{
            console.log("不相等");
        }
        if(e === f){
            console.log("相等");
        }else{
            console.log("不相等");
        }
        //輸出 相等  不相等

&& 和 ||

• if語句中可以使用與和或判斷：

        var g = 10;
        var h = 20;
        if(g == 10 && h == 10){
            console.log("都為10");
        }else{
            console.log("至少有一個不為10");
        }
        if(g == 10 || h == 10){
            console.log("至少有一個為10");
        }else{
            console.log("都不為10");
        }
        //輸出  至少有一個不為10  至少有一個為10

! 取非

• if語句中加上 ! 代表非：

var i = 10;
        var j = 20;
        if(!(i>j)){
            console.log("i > j是假的，即i < j");
        }else{
            console.log("i > j是真的，即i > j");
        }
        //輸出i > j是假的，即i < j

switch語句

• switch 語句的 case 裡可以做簡單的運算：

        var a = 3;
        switch (a) {
            case 1:
                console.log("a = 1");
                break;
            case 2:
                console.log("a = 2");
                break;
            case 1+2 :
                console.log("a = 3");
                break;
            default:
                break;
        }
        //輸出  a = 3

三元運算子

• 三元運算子： ? :
  以下程式碼中的三元運算子代表：m是否等於n？如果等於，令m = 1，如不等於，令m = 2：

        var m = 10;
        var n = 20;
        m == n ? m = 1 : m = 2;
        console.log(m);
        //輸出  2

以上為本萌新個人總結，如有不當之處望指正，有問題可以聯絡
郵箱：[email protected]或
QQ：2635591841

更於2021.2.8