javascript基礎(chǔ)第02天-4-素材流程控制

JavaScript流程控制-分支Contents目流程控制順序流程控制分支流程控制if語句三元表達(dá)式分支流程控制switch語句1.流程控制要通過控制代碼的在一個程序執(zhí)行的過程中，各條代碼的執(zhí)行順序?qū)Τ绦虻慕Y(jié)果是有直接影響的。很多時候執(zhí)行順序來實現(xiàn)

要完成的功能。簡單理解：

流程控制就是來控制

的代碼按照什

順序來執(zhí)行流程控制主要有三種結(jié)構(gòu)，分別是順序結(jié)構(gòu)、分支結(jié)構(gòu)和循環(huán)結(jié)構(gòu)，這三種結(jié)構(gòu)代表三種代碼執(zhí)行的順序。Contents目流程控制順序流程控制分支流程控制if語句三元表達(dá)式分支流程控制switch語句2.順序流程控制順序結(jié)構(gòu)是程序中最簡單、最基本的流程控制，它沒有特定的語法結(jié)構(gòu)，程序會按照代碼的先后順序，依次執(zhí)行，程序中大多數(shù)的代碼都是這樣執(zhí)行的。Contents目流程控制順序流程控制分支流程控制if語句分支流程控制switch語句三元表達(dá)式3.分支流程控制if語句3.1分支結(jié)構(gòu)由上到下執(zhí)行代碼的過程中，根據(jù)不同的條件，執(zhí)行不同的路徑代碼（執(zhí)行代碼多選一的過程），從而得到不同的結(jié)果JS語言提供了兩種分支結(jié)構(gòu)語句if語句switch語句3.2if語句1.語法結(jié)構(gòu)//條件成立執(zhí)行代碼，否則什么也不做if(條件表達(dá)式){//條件成立執(zhí)行的代碼語句}3.分支流程控制if語句語句可以理解為一個行為，循環(huán)語句和分支語句就是典型的語句。一個程序由很多個語句組成，一般情況下，會分割成一個一個的語句。3.2if語句2.執(zhí)行流程3.分支流程控制if語句判斷條件truefalse執(zhí)行語句其他語句案例：進(jìn)入網(wǎng)吧彈出一個輸入框，要求用戶輸入

，如果

大于等于

18

歲，允許進(jìn)網(wǎng)吧。3.分支流程控制if語句案例分析①

彈出

prompt輸入框，用戶輸入 ，

程序把這個值取過來保存到變量中②

使用

if

語句來判斷

，如果

大于18就執(zhí)行

if

大括號里面的輸出語句3.分支流程控制if語句實現(xiàn)代碼：');var

usrAge=prompt('請輸入您的

if(usrAge>=18){alert('您的

合法，歡迎來天際網(wǎng)吧享受學(xué)習(xí)的樂趣！');}3.分支流程控制if語句3.3

if

else語句（雙分支語句）1.語法結(jié)構(gòu)//條件成立執(zhí)行if里面代碼，否則執(zhí)行else里面的代碼if(條件表達(dá)式){//[如果]條件成立執(zhí)行的代碼}

else

{//[否則]執(zhí)行的代碼}3.分支流程控制if語句3.3

if

else語句（雙分支語句）2.執(zhí)行流程3.分支流程控制if語句判斷條件執(zhí)行語句

1執(zhí)行語句

2truefalse其他語句3.分支流程控制if語句案例

2：判斷閏年接收用戶輸入的年份，如果是閏年就彈出閏年，否則彈出是平年案例分析①算法：能被4整除且不能整除100的為閏年（如2004年就是閏年，1901年不是閏年）或者能夠被400整除的就是閏年②彈出prompt輸入框，讓用戶輸入年份，把這個值取過來保存到變量中③使用if語句來判斷是否是閏年，如果是閏年，就執(zhí)行if大括號里面的輸出語句，否則就執(zhí)行else里面的輸出語句④一定要注意里面的且&&還有或者||的寫法，同時注意判斷整除的方法是取余為03.分支流程控制if語句if

(year%4==0

&&

year%100!=0

||

year%400==0){alert("這個年份是閏年");}else{//剩下的是平年alert("這個年份是平年");}3.分支流程控制if語句實現(xiàn)代碼3.分支流程控制if語句獨立完成案例：判斷是否接收用戶輸入的

，來判斷是否 ，

如果輸入的是，則提示中了5塊錢，

否則提示沒有

。案例分析①

彈出

prompt輸入框，讓用戶輸入

，把這個值取過來保存到變量中②

使用

if

語句來判斷是否存在這個

，如果存在，就執(zhí)行if

大括號里面的輸出語句，否則就執(zhí)行else里面的輸出語句③一定要注意判斷是否相等，用==或者===3.分支流程控制if語句3.分支流程控制if語句實現(xiàn)代碼//

算法

如果你叫

了，否則沒有//獲得用戶名var

username

=

prompt("請輸入您的

：");if(

username

==

" ")

{alert("恭喜發(fā)財");}

else

{alert("謝謝惠顧,歡迎下次再來");}3.4

if

else

if語句(多分支語句)1.語法結(jié)構(gòu)//適合于檢查多重條件。if(條件表達(dá)式1){語句1；}

else

if

(條件表達(dá)式2)

{語句2；}

else

if

(條件表達(dá)式3)

{語句3；....}

else{//上述條件都不成立執(zhí)行此處代碼}3.分支流程控制if語句3.4

if

else

if語句(多分支語句)2.執(zhí)行流程3.分支流程控制if語句條件表達(dá)式1執(zhí)行語句1條件表達(dá)式2執(zhí)行語句2條件表達(dá)式n執(zhí)行語句n其他語句truetruefalsefalse案例：判斷成績級別要求：接收用戶輸入的分?jǐn)?shù)，根據(jù)分?jǐn)?shù)輸出對應(yīng)的等級字母A、B、C、D、E。其中：90分(含)以上，輸出：A80分(含)~

90分(不含)，輸出：B70分(含)~

80分(不含)，輸出：C60分(含)~

70分(不含)，輸出：D60分(不含)以下，輸出：E3.分支流程控制if語句案例分析①按照從大到小判斷的思路②彈出prompt輸入框，讓用戶輸入分?jǐn)?shù)，把這個值取過來保存到變量中③使用多分支ifelse

if語句來分別判斷輸出不同的值3.分支流程控制if語句var

score=prompt('請您輸入分?jǐn)?shù):');if(score>=90){alert('寶貝，你是

驕傲');}else

if(score>=80){

alert('寶貝，你已經(jīng)很出色了');}

else

if

(score

>=

70)

{alert('你要繼續(xù)加油嘍');}

else

if

(score

>=

60)

{alert('孩子，你很

');}

else{alert('熊孩子，我不想和你說話，我只想用鞭子和你說話');}3.分支流程控制if語句實現(xiàn)代碼Contents目流程控制順序流程控制分支流程控制if語句三元表達(dá)式分支流程控制switch語句4.三元表達(dá)式表達(dá)式1

?表達(dá)式2

:表達(dá)式3;執(zhí)行思路如果表達(dá)式1為true，則返回表達(dá)式2的值，如果表達(dá)式1為false，則返回表達(dá)式3的值簡單理解：就類似于if

else（雙分支）的簡寫三元表達(dá)式也能做一些簡單的條件選擇。有三元運算符組成的式子稱為三元表達(dá)式1.語法結(jié)構(gòu)4.三元表達(dá)式案例：數(shù)字補0用戶輸入數(shù)字，如果數(shù)字小于10，則面補0，比如01，09，如果數(shù)字大于10，則不需要補，比如20。案例分析①用戶輸入0~59之間的一個數(shù)字②

如果數(shù)字小于10，則在這個數(shù)字前面補0,（加0）

否則

不

作③用一個變量接受這個返回值，輸出4.三元表達(dá)式var

time=prompt('請您輸入一個0

~

59

之間的一個數(shù)字');//三元表達(dá)式表達(dá)式？表達(dá)式1

：表達(dá)式2var

result=time<10?'0'+time:time;//把返回值賦值給一個變量alert(result);實現(xiàn)代碼4.三元表達(dá)式Contents目流程控制順序流程控制分支流程控制if語句三元表達(dá)式分支流程控制switch語句5.分支流程控制switch語句5.1語法結(jié)構(gòu)switch語句也是多分支語句，它用于基于不同的條件來執(zhí)行不同的代碼。當(dāng)要針對變量設(shè)置一系列的特定值的選項時，就可以使用switch。switch(表達(dá)式){case

value1://表達(dá)式等于value1

時要執(zhí)行的代碼break;case

value2://表達(dá)式等于value2

時要執(zhí)行的代碼break;default://表達(dá)式不等于任何一個value

時要執(zhí)行的代碼}語法結(jié)構(gòu)switch：開關(guān)轉(zhuǎn)換，case：小例子選項關(guān)鍵字switch后面括號內(nèi)可以是表達(dá)式或值，通常是一個變量關(guān)鍵字case

,后跟一個選項的表達(dá)式或值，后面跟一個冒號switch表達(dá)式的值會與結(jié)構(gòu)中的case的值做比較如果存在匹配全等(===)，則與該case關(guān)聯(lián)的代碼塊會被執(zhí)行，并在遇到break時停止，整個switch語句代碼執(zhí)行結(jié)束如果所有的case的值都和表達(dá)式的值不匹配，則執(zhí)行default里的代碼注意：執(zhí)行case里面的語句時，如果沒有break，則繼續(xù)執(zhí)行下一個case里面的語句。5.分支流程控制switch語句案例:查詢水果用戶在彈出框里面輸入一個水果，如果有就彈出該水果的價格，如果沒有該水果就彈出“沒有此水果”。5.分支流程控制switch語句5.分支流程控制switch語句案例分析①彈出prompt輸入框，讓用戶輸入水果名稱，把這個值取過來保存到變量中。②將這個變量作為switch括號里面的表達(dá)式。③case后面的值寫幾個不同的水果名稱，注意一定要加引號，因為必須是全等匹配。④彈出不同價格即可。同樣注意每個case之后加上break，以便退出switch語句。⑤將default設(shè)置為沒有此水果。var

fruit=prompt('請您輸入查詢的水果:');

switch

(fruit){case'蘋果':alert('蘋果的價格是3.5/斤');break;case'榴蓮':alert('榴蓮的價格是35/斤');break;default:alert('沒有此水果');}實現(xiàn)代碼5.分支流程控制switch語句5.2

switch語句和if

else

if語句的區(qū)別①一般情況下，它們兩個語句可以相互替換②switch...case語句通常處理case為比較確定值的情況，而if…else…語句更加靈活，常用于范圍判斷(大于、等于某個范圍)③switch語句進(jìn)行條件判斷后直接執(zhí)行到程序的條件語句，效率更高。而if…else語句有幾種條件