一、流程控制

流程控制主要有三種結(jié)構(gòu):

• 分別是順序結(jié)構(gòu)
• 分支結(jié)構(gòu)
• 循環(huán)結(jié)構(gòu)

這三種結(jié)構(gòu)代表三種代碼執(zhí)行的順序。

二、順序流程控制

順序結(jié)構(gòu)是程序中最簡(jiǎn)單、最基本的流程控制，它沒(méi)有特定的語(yǔ)法結(jié)構(gòu)，程序會(huì)按照代碼的先后順序，依次執(zhí)行，程序中大多數(shù)的代碼都是這樣執(zhí)行的。

三、分支流程控制 if 語(yǔ)句

1、分支結(jié)構(gòu)

由上到下執(zhí)行代碼的過(guò)程中，根據(jù)不同的條件，執(zhí)行不同的路徑代碼（執(zhí)行代碼多選一的過(guò)程），從而得到不同的結(jié)果。

2、 if 語(yǔ)句

// 條件成立執(zhí)行代碼，否則什么也不做
if (條件表達(dá)式) {
    // 條件成立執(zhí)行的代碼語(yǔ)句
}

執(zhí)行流程為：

例如：彈出一個(gè)輸入框，要求用戶輸入年齡，如果年齡大于等于 18 歲，允許進(jìn)網(wǎng)吧。

var age = prompt('請(qǐng)輸入您的年齡：');
        if(age > 18) {
            alert('您的年齡合法，請(qǐng)進(jìn)入！');
        }

當(dāng)輸入的數(shù)值大于等于18時(shí)，彈出：

3、 if else語(yǔ)句（雙分支語(yǔ)句）

語(yǔ)法結(jié)構(gòu)：

// 條件成立  執(zhí)行 if 里面代碼，否則執(zhí)行else 里面的代碼
if (條件表達(dá)式) {
    // [如果] 條件成立執(zhí)行的代碼
} else {
    // [否則] 執(zhí)行的代碼
}

執(zhí)行流程：

例如：寫(xiě)一個(gè)是否為閏年的案例，接收用戶輸入的年份，如果是閏年就彈出閏年，否則彈出是平年。
算法分析：
算法：能被4整除且不能整除100的為閏年（如2004年就是閏年，2005年不是閏年）或者能夠被 400 整除的就是閏年
彈出prompt 輸入框，讓用戶輸入年份，把這個(gè)值取過(guò)來(lái)保存到變量中
使用 if 語(yǔ)句來(lái)判斷是否是閏年，如果是閏年，就執(zhí)行 if 大括號(hào)里面的輸出語(yǔ)句，否則就執(zhí)行 else里面的輸出語(yǔ)句
一定要注意里面的且 && 還有或者 || 的寫(xiě)法，同時(shí)注意判斷整除的方法是取余為 0

 var year = prompt('請(qǐng)輸入要判斷的年份：');
        if(year%400 == 0 || year % 4 == 0 && year / 100 != 0) {
            alert('該年是閏年！');
        }else{
            alert('該年是平年！');
        }

當(dāng)輸入2004年的時(shí)候：

當(dāng)輸入2005年時(shí)，彈出：

4、if else if 語(yǔ)句(多分支語(yǔ)句)

語(yǔ)法結(jié)構(gòu)：

// 適合于檢查多重條件。
if (條件表達(dá)式1) {
    語(yǔ)句1；
} else if (條件表達(dá)式2)  {
    語(yǔ)句2；
} else if (條件表達(dá)式3)  {
   語(yǔ)句3；
 ....
} else {
    // 上述條件都不成立執(zhí)行此處代碼
}

執(zhí)行流程：

例如：輸出一個(gè)判斷成績(jī)的案例，接收用戶輸入的分?jǐn)?shù)，根據(jù)分?jǐn)?shù)輸出對(duì)應(yīng)的等級(jí)字母 A、B、C、D、E。其中：

1. 90分(含)以上 ，輸出：A
2. 80分(含)~ 90 分(不含)，輸出：B
3. 70分(含)~ 80 分(不含)，輸出：C
4. 60分(含)~ 70 分(不含)，輸出：D
5. 60分(不含) 以下，輸出： E

案例分析：

按照從大到小判斷的思路
彈出prompt輸入框，讓用戶輸入分?jǐn)?shù)，把這個(gè)值取過(guò)來(lái)保存到變量中
使用多分支 if else if 語(yǔ)句來(lái)分別判斷輸出不同的值

 var score = prompt('請(qǐng)您輸入分?jǐn)?shù):');
        if (score >= 90) {
        alert('A');
        } else if (score >= 80) {
        alert('B');
        } else if (score >= 70) {
        alert('C');
        } else if (score >= 60) {
        alert('D');
        } else {
        alert('E');
        }

當(dāng)輸入對(duì)應(yīng)的分?jǐn)?shù)時(shí)，就會(huì)彈出對(duì)應(yīng)的等級(jí)。

四、三元表達(dá)式

三元表達(dá)式也能做一些簡(jiǎn)單的條件選擇。 有三元運(yùn)算符組成的式子稱為三元表達(dá)式。

表達(dá)式1 ? 表達(dá)式2 : 表達(dá)式3;

執(zhí)行思路：

如果表達(dá)式1為 true ，則返回表達(dá)式2的值，如果表達(dá)式1為 false，則返回表達(dá)式3的值
簡(jiǎn)單理解： 就類似于 if else （雙分支） 的簡(jiǎn)寫(xiě)
例如：輸入一個(gè)補(bǔ)0的案例，用戶輸入數(shù)字，如果數(shù)字小于10，則在前面補(bǔ) 0 ，比如01，09 ，如果數(shù)字大于10，則不需要補(bǔ)，比如 20。
案例分析：
用戶輸入0~59之間的一個(gè)數(shù)字，如果數(shù)字小于10，則在這個(gè)數(shù)字前面補(bǔ)0,（加0） 否則 不做操作，用一個(gè)變量接受這個(gè)返回值，輸出

var num = prompt('請(qǐng)輸入一個(gè) 0 ~ 59 之間的數(shù)');
        var result = num < 10 ? '0'+ num : num;
        alert(result);

當(dāng)輸入2時(shí)，進(jìn)行補(bǔ)0操作：

當(dāng)輸入10時(shí)，直接打印結(jié)果：

五、分支流程控制 switch 語(yǔ)句

1、語(yǔ)法結(jié)構(gòu)

switch 語(yǔ)句也是多分支語(yǔ)句，它用于基于不同的條件來(lái)執(zhí)行不同的代碼。當(dāng)要針對(duì)變量設(shè)置一系列的特定值的選項(xiàng)時(shí)，就可以使用 switch。

語(yǔ)法結(jié)構(gòu):

switch( 表達(dá)式 ){ 
    case value1:
        // 表達(dá)式 等于 value1 時(shí)要執(zhí)行的代碼
        break;
    case value2:
        // 表達(dá)式 等于 value2 時(shí)要執(zhí)行的代碼
        break;
    default:
        // 表達(dá)式 不等于任何一個(gè) value 時(shí)要執(zhí)行的代碼
}

switch ：開(kāi)關(guān) 轉(zhuǎn)換 ， case ：小例子 選項(xiàng)

• 關(guān)鍵字 switch 后面括號(hào)內(nèi)可以是表達(dá)式或值， 通常是一個(gè)變量
• 關(guān)鍵字 case , 后跟一個(gè)選項(xiàng)的表達(dá)式或值，后面跟一個(gè)冒號(hào)不能跟判斷條件。
• switch 表達(dá)式的值會(huì)與結(jié)構(gòu)中的 case 的值做比較 ，如果存在匹配全等(===) ，則與該 case 關(guān)聯(lián)的代碼塊會(huì)被執(zhí)行，并在遇到 break 時(shí)停止，整個(gè) switch 語(yǔ)句代碼執(zhí)行結(jié)束
• 如果所有的 case 的值都和表達(dá)式的值不匹配，則執(zhí)行 default 里的代碼

注意： 執(zhí)行case 里面的語(yǔ)句時(shí)，如果沒(méi)有break，則繼續(xù)執(zhí)行下一個(gè)case里面的語(yǔ)句。

例如輸入一個(gè)查詢成績(jī)的案例，要求同上面的if-else-if語(yǔ)句。

var s = prompt('請(qǐng)輸入成績(jī)：');
var n = parseInt(s/10);
var k = null;
switch(n){
    case 10: {
        k = 'A';
        break;
    }
    case 9:{
        k = 'B';
        break;
    }
    case 8:{
        k = 'C';
        break;
    }
    case 7:{
        k = 'D';
        break;
    }
    default: k = 'E';
}
console.log('您的成績(jī)等級(jí)為：'+k);

當(dāng)輸入100分時(shí)，輸出：

當(dāng)輸入73分時(shí)，輸出：

2、switch 語(yǔ)句和 if else if 語(yǔ)句的區(qū)別

• 一般情況下，它們兩個(gè)語(yǔ)句可以相互替換switch…case 語(yǔ)句通常處理 case為比較確定值的情況， 而 if…else…語(yǔ)句更加靈活，常用于范圍判斷(大于、等于某個(gè)范圍)
• switch 語(yǔ)句進(jìn)行條件判斷后直接執(zhí)行到程序的條件語(yǔ)句，效率更高。而if…else 語(yǔ)句有幾種條件，就得判斷多少次。
• 當(dāng)分支比較少時(shí)，if… else語(yǔ)句的執(zhí)行效率比 switch語(yǔ)句高。
• 當(dāng)分支比較多時(shí)，switch語(yǔ)句的執(zhí)行效率比較高，而且結(jié)構(gòu)更清晰。

到此這篇關(guān)于JavaScript流程控制（分支）的文章就介紹到這了,更多相關(guān)JavaScript流程控制內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論