JavaScript動態(tài)網(wǎng)頁設(shè)計 課件 2-3條件控制語句if結(jié)構(gòu)_第1頁
JavaScript動態(tài)網(wǎng)頁設(shè)計 課件 2-3條件控制語句if結(jié)構(gòu)_第2頁
JavaScript動態(tài)網(wǎng)頁設(shè)計 課件 2-3條件控制語句if結(jié)構(gòu)_第3頁
JavaScript動態(tài)網(wǎng)頁設(shè)計 課件 2-3條件控制語句if結(jié)構(gòu)_第4頁
JavaScript動態(tài)網(wǎng)頁設(shè)計 課件 2-3條件控制語句if結(jié)構(gòu)_第5頁
已閱讀5頁，還剩11頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領(lǐng)

文檔簡介

3.1條件控制語句主講：***2024年1月2日JavaScript動態(tài)網(wǎng)頁設(shè)計1子項目2024年1月2日JavaScript動態(tài)網(wǎng)頁設(shè)計2學習任務(wù)

任務(wù)1選擇結(jié)構(gòu)和條件判斷

任務(wù)2if-else條件控制語句

任務(wù)3switch-case條件控制語句2024年1月2日JavaScript動態(tài)網(wǎng)頁設(shè)計3

語句：和其他編程語言一樣，Javascript也具有各種語句來進行流程上的判斷。從本質(zhì)上看，語句定義了ECMAScript中的主要語法，語句通常使用一或多個關(guān)鍵字來完成給定點任務(wù)。語句可以很簡單，例如通知函數(shù)退出；也可以比較復雜，例如指定重復執(zhí)行某個命令的次數(shù)。

程序控制語句主要分成兩種：條件控制語句和循環(huán)控制語句。2024年1月2日JavaScript動態(tài)網(wǎng)頁設(shè)計4任務(wù)1選擇結(jié)構(gòu)和條件判斷條件控制語句采用依照某種條件判斷該代碼段是否執(zhí)行。實際的生活中往往存在選擇分支的情況，一般來說，像拋硬幣之類的事件存在著正面和反面兩個分支，像選擇出行路徑之類的事件，往往存在多個分支，分支的數(shù)量不同將決定程序的不同行為表現(xiàn)。常用的有兩種選擇語句：（1）if語句，這種語句的作用場景為只有兩個分支的程序選擇中。（2）switch語句，這種語句的作用場景為具有多個分支的程序選擇中。

2024年1月2日JavaScript動態(tài)網(wǎng)頁設(shè)計5任務(wù)2if-else條件控制語句1、對程序流程進行條件判斷時，最為常用的一個語句就是if-else語句。if-else語句的語法：if(condition)statement1elsestatement2其中的條件condition可以是任意的表達式，且該條件表達式的值不一定是布爾值。ECMAScript會自動調(diào)用Boolean()轉(zhuǎn)換函數(shù)將這個表達式的結(jié)果轉(zhuǎn)換為一個布爾值。if語句的執(zhí)行過程為：如果對condition求值的結(jié)果是true,則執(zhí)行statement1（語句1）；如果condition的結(jié)果為false，則執(zhí)行statement2（語句2）。執(zhí)行體語句1和語句2既可以是一行代碼，也可以是一個代碼塊（以一對花括號括起來的多行代碼）。2024年1月2日JavaScript動態(tài)網(wǎng)頁設(shè)計6if-else控制語句執(zhí)行流程圖如下：

2024年1月2日JavaScript動態(tài)網(wǎng)頁設(shè)計7【范例3-1】根據(jù)年齡顯示不同內(nèi)容。程序代碼如下：<body><script>varage=20;if(age>=18){//如果age>=18為true，則執(zhí)行if語句塊alert('成年人');}else{//否則執(zhí)行else語句塊alert('青少年');}</script></body>運行效果：2024年1月2日JavaScript動態(tài)網(wǎng)頁設(shè)計8<body><script>varage=20;if(age>=18)//如果age>=18為true，則執(zhí)行if語句塊alert(‘成年人’);else//否則執(zhí)行else語句塊alert('青少年');</script></body>執(zhí)行結(jié)果與例3-1完全一樣。在上面例3-1中，else語句是可選的，即可不包含else語句。

同時，如果語句塊只包含一條語句，那么可以省略大括號{},則例3-1可以修改如下：是否所有大括號{}都可以省略呢？？？2024年1月2日JavaScript動態(tài)網(wǎng)頁設(shè)計9<body><script>varage=20;if(age>=18)alert('成年人');elseconsole.log('年齡小于18歲');alert('青少年');</script></body>此刻程序的結(jié)果僅在控制臺里輸出：年齡小于18歲不可以?。?！省略{}的危險之處在于，如果后來想添加一些語句，卻忘了寫{}，就改變了if...else...的語義，比如在3-1例子中的else條件后需執(zhí)行兩條語句，修改如下：2024年1月2日JavaScript動態(tài)網(wǎng)頁設(shè)計10上述代碼的else子句實際上只負責執(zhí)行語句console.log(“年齡小于18歲“)，原有的alert(“青少年”)語句已經(jīng)不屬于else的控制范圍了，當條件判斷的表達式結(jié)果為假，它僅執(zhí)行到else后面的第一個分號;處，因此語句alert(“青少年”)執(zhí)行不到。所以業(yè)界推崇的最佳實踐是始終使用代碼塊，即使要執(zhí)行的只有一行代碼。因為這樣可以消除人們的誤解，否則可能讓人分不清在不同條件下分別要執(zhí)行哪些語句。

以上代碼修改如下，則可得到預(yù)期的輸出結(jié)果：<body><script>varage=20;if(age>=18){alert('成年人');}else{console.log('年齡小于18歲');alert('青少年');}</script></body>2024年1月2日JavaScript動態(tài)網(wǎng)頁設(shè)計11if-else判斷多分支語句如果還需要進行更細致的判斷條件，可以使用多個if-else語句的組合?？梢园讯鄠€if-else語句寫在一行代碼中，如：if(condition1){statement1}elseif(condition2){statement2}else{statement3}2024年1月2日JavaScript動態(tài)網(wǎng)頁設(shè)計12if-else判斷多分支控制語句流程圖：2024年1月2日JavaScript動態(tài)網(wǎng)頁設(shè)計13程序代碼如下：<body><script>varage=3;if(age>=18){alert('成年人');}elseif(age>=6){alert('青少年');}else{alert('兒童');}</script></body>運行效果：【范例3-2】根據(jù)年齡顯示不同內(nèi)容。2024年1月2日JavaScript動態(tài)網(wǎng)頁設(shè)計14程序代碼如下：<body><scripttype="text/javascript">varmyscore=86;if(myscore<60){ alert("成績不合格，加油！");}elseif(myscore>=60&&myscore<75){ alert("成績良好，不錯呀");}elseif(myscore>=75&&myscore<85){ alert("成績很好，很棒");}else{ alert("成績優(yōu)秀，超級棒");}</script></body>【范例3-3】數(shù)學考試中，小明考了86分，給他做個評價，60

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論