JavaScript中的分支語句

標籤：

Javascript的分支語句有兩種，if...else...分支語句；switch...case...分支語句。

if...else...分支

if後面的括弧裡面需要一個bool值或者一個邏輯運算式，如果後面只有一行要執行的語句，花括弧可以省略不寫。如果有多個條件判斷，可以在else後面加上if判斷即可。

看下面的幾個樣本:

var num = 100;  //定義變數num，並賦值//if語句開始，判斷num是否等於100，如果是，則執行花括弧內的語句if (num == 100) {       num++;    alert(num);}

上面的代碼示範了如何執行一個if分支，如果num為100時才會執行花括弧內的語句。需要主意的是，如果花括弧內只有一行語句，則可以省略花括弧。

var num = 100;      //定義變數num，並賦值if (num > 100) {    //if語句開始    alert(num + "大於100");}else {              //else語句開始    alert(num + "小於或等於100");}

這段代碼示範了一個if…else…語句的用法，由於每條件分支的語句塊都只有一行語句，所以也可以省略掉花括弧，修改後的代碼：

var num = 100;      //定義變數num，並賦值if (num > 100)    //if語句開始    alert(num + "大於100");else               //else語句開始    alert(num + "小於或等於100");

if…else…語句除了可以這樣使用之外，還可以演化為連續的判斷，下面是一段示範代碼：

var num = 100;      //定義變數num，並賦值if (num > 100)      //if語句開始    alert(num + "大於100");else if(num==100)   //else if 語句    alert(num + "等於100");else                //else語句    alert(num + "小於100");

可以看出，在上面代碼中，多出一行 else if語句，如果有多個分支，可以使用這種方式來實現。

switch...case...分支

switch 後面的 (n) 可以是運算式，也可以（並通常）是變數。然後運算式中的值會與 case 中的數字作比較，如果與某個 case 相匹配，那麼其後的代碼就會被執行。break 的作用是防止代碼自動執行到下一行。

var num = 100;      //定義變數num，並賦值switch (num) {    case 1: {        alert("1");    }; break;    case 50: {        alert("50");    }; break;    case 100: {        alert("100");    }; break;    default: {        alert("預設的訊息框！");    }}

上面的代碼簡單的描述了switch…case…的用法。

注意：case 分支後面必須跟一個常量；break語句不要忘記，否則在走完本分支以後，繼續執行他下面的分支，直到遇到break語句跳出為止！default分支不是必須的，通常為了避免未處理的資料，需要使用default分支。

JavaScript中的分支語句