Pages

系列文章

2018/01/03

【JQuery】《第六回》if / else if / else 簡介


雖然所有的程式語言都會有 if / else if / else 的說明
這邊在寫可能有點多餘 不過還是稍微提一下
操作前注意事項
if / else if / else 基本上跟JavaScript是通用的


所謂的if / else if / else 其實是很簡單的概念
我們用口語化一點的方式來說明就是 如果 / 否則如果 / 否則
這樣說可能還不是很好理解 接下來讓我們用幾個範例來說明一下

我們這邊用折價券來作範例說明
首先我們先定義 :
八折折價券代碼為0
九折折價券代碼為1

int key = 0;//設key變數為使用者可以使用的優惠
if(key == 1){//如果代碼為1表示可以使用九折優惠
  alert("可享九折優惠");
}else if(key == 0){//否則如果代碼為0表示可以使用八折優惠
  alert("可享八折優惠");
}else{//否則須支付原價
  alert("需支付原價");
}

上述例子因為key=0我們可以得知使用者可以取得八折的優惠

基本上如果只有兩個判斷條件我們就會用 if / else 來搭配就可以
例如性別的情況下
int sex = M;//設sex變數為性別
if(sex == M){//如果代碼M表示為男性
  alert("男(M)");
}else{//否則為女性
  alert("女(F)");
}

而在兩個判斷條件以上的情況之下就需要用到多個else if來達成
如下面的架構
if(...){
  ...
}else if(...){
  ...
}else if(...){
  ...
}else if(...){
  ...
}else{
  ...
}


巢狀判斷條件

巢狀判斷條件就是在判斷條件中又有包含判斷條件
一般是建議不要太多層 因為會造成閱讀上的困難
至於巢狀判斷條件的架構如下述範例
if(...){
    if(...){
        ...
    }else if(...){
        ...
    }else if(...){
        ...
    }else if(...){
        ...
    }else{
        ...
    }
}else if(...){
    if(...){
        ...
    }else{
        ...
    }
}else{
    if(...){
      ...
    }else{
        if(...){
            ...
        }else{
            ...
        }
    }
}


看完上面這個範例 相信大家應該都能理解為什麼盡量避免用巢狀判斷條件
或是為什麼不要用太多層了吧~!



發現更多關於 JQuery系列文章教學

沒有留言:

張貼留言