《基于新信息技術的JavaScript程序設計基礎》課件-第3章

項目3JavaScript判斷平年或閏年任務1先導知識：運算符號和基本處理流程語句任務2編寫程序判斷平年或閏年

任務1先導知識：運算符號和基本處理流程語句

3.1.1運算符號1.賦值運算符常用的JavaScript腳本語言的賦值運算符包含“=”“+=”“-=”“*=”“/=”“%=”，匯總如表3.1所示。

2.基本數學運算符

JavaScript腳本語言中基本的數學運算包括加、減、乘、除以及取余等，其對應的數學運算符分別為“+”“-”“*”“/”和“%”等，如表3.2所示。

3.自加和自減

自加運算符“++”和自減運算符“--”分別用于將操作數加1或減1。值得注意的是，自加和自減運算符放置在操作數的前面和后面其含義不同。運算符寫在變量名前面，則返回值為自加或自減前的值；而寫在后面，則返回值為自加或自減后的值。

程序運行后，效果如圖3.1所示。圖3.1自加運行效果

由程序運行的效果可以看出：

(1)若自加(或自減)運算符放置在操作數之后，則執(zhí)行該自加(或自減)操作時，先將操作數的值賦值給運算符前面的變量，然后操作數自加(或自減)；

(2)若自加(或自減)運算符放置在操作數之前，則執(zhí)行該自加(或自減)操作時，操作數先進行自加(或自減)，然后將操作數的值賦值給運算符前面的變量。

4.比較運算符

JavaScript腳本語言中用于比較兩個數據的運算符稱為比較運算符，包括“=?=”“!?=”“>”“<”“<?=”“>?=”等，其具體作用見表3.3。

程序運行后，在原始頁面中單擊“運算符測試”按鈕，彈出提示框，提示用戶輸入相關信息，如圖3.2所示。圖3.2提示框

在上述提示框中輸入相關信息(如年齡35)后，單擊“確定”按鈕，彈出警告框，如圖3.3所示。圖3.3警告框1

5.邏輯運算符

JavaScript腳本語言的邏輯運算符包括“&&”“||”“!”等，用于兩個邏輯型數據之間的操作，其返回值的數據類型為布爾型。邏輯運算符的功能如表3.4所示。

6.?...:運算符

在JavaScript腳本語言中，“?...:”運算符用于創(chuàng)建條件分支。在動作較為簡單的情況下，?...:運算符比if…else語句更加簡便，其語法結構如下：

載入上述語句后，首先判斷條件condition，若結果為真則執(zhí)行語句statementA，否則執(zhí)行語句statementB。值得注意的是，由于JavaScript腳本解釋器將分號“;”作為語句的結束符，因此statementA和statementB語句均必須為單個腳本代碼，若使用多個語句則程序會報錯。

(condition)?statementA:statementB;

程序運行后，頁面中彈出提示框，提示用戶輸入年齡，并根據輸入值決定后續(xù)操作。例如，在提示框中輸入整數17，然后單擊“確定”按鈕，則彈出警告框，如圖3.4所示。

圖3.4警告框2

若在提示框中輸入整數24，然后單擊“確定”按鈕，則彈出警告框，如圖3.5所示。圖3.5警告框3

7.?typeof運算符

typeof運算符用于表明操作數的數據類型，返回數值類型為一個字符串。在JavaScript腳本語言中，typeof運算符的格式如下：varmyString=typeof(data);

程序運行后，出現(xiàn)如圖3.6所示的頁面。圖3.6typeof運算符運行效果

可以看出，使用關鍵字var定義變量時，若不指定其初始值，則變量的數據類型默認為undefined。同時，若在程序執(zhí)行過程中，變量被賦予其他隱性的包含特定數據類型的數值時，其數據類型也隨之發(fā)生更改。

3.1.2基本處理流程語句

基本處理流程就是對數據結構的處理流程。在JavaScript里，基本處理流程包含三種結構，即順序結構、選擇結構和循環(huán)結構。

順序結構即按照語句出現(xiàn)的先后順序依次被系統(tǒng)執(zhí)行，是JavaScript腳本程序中最基本的結構，如圖3.7所示。

圖3.7順序結構

選擇結構即按照給定的邏輯條件來決定執(zhí)行順序，可以分為單向選擇、雙向選擇和多向選擇。無論是單向還是多向選擇，程序在執(zhí)行過程中都只能執(zhí)行其中一條分支。單向選擇和雙向選擇結構如圖3.8所示。圖3.8選擇結構

循環(huán)結構即根據代碼的邏輯條件來判斷是否重復執(zhí)行某一段程序。若邏輯條件為true，則重復執(zhí)行，即進入循環(huán)，否則結束循環(huán)。循環(huán)結構可分為條件循環(huán)和計數循環(huán)，如圖3.9所示。

圖3.9循環(huán)結構

1.?if條件假設語句

if條件假設語句是比較簡單的一種選擇結構語句，若給定的邏輯條件表達式為真，則執(zhí)行一組給定的語句。

邏輯條件表達式conditions必須放在小括號里，且僅當該表達式為真時執(zhí)行大括號內包含的語句，否則將跳過該條件語句而執(zhí)行其下的語句。大括號內的語句可為一個或多個，當僅有一個語句時，大括號可以省略。一般而言，為養(yǎng)成良好的編程習慣，同時增強程序代碼的結構性和可讀性，建議使用大括號將指定執(zhí)行的語句括起來。

2.?switch流程控制語句

在if條件假設語句中，邏輯條件只能有一個，如果有多個條件，可以使用嵌套的if語句來解決，但此種方法會增加程序的復雜度，并降低程序的可讀性。若使用switch流程控制語句就可以完美地解決此問題。

程序運行后，在原始頁面中單擊“測試”按鈕，將彈出提示框，提示用戶輸入相關信息，例如輸入12，單擊“確定”按鈕提交，彈出警告框，如圖3.10所示。

圖3.10警告框4

3.?for循環(huán)語句

for循環(huán)語句是循環(huán)結構語句，按照指定的循環(huán)次數，循環(huán)執(zhí)行循環(huán)體內語句(或語句塊)，其基本結構如下：

函數被調用后，彈出警告框，如圖3.11所示。圖3.11警告框5

4.?while和do-while循環(huán)語句

while語句與if語句相似，均為條件控制語句(或語句塊)，其語法結構基本相同，代碼如下：

while語句與if語句的不同之處在于：在if條件假設語句中，若邏輯條件表達式為真，則運行statements語句(或語句塊)，且僅運行一次；while循環(huán)語句則是在邏輯條件表達式為真的情況下反復執(zhí)行循環(huán)體內包含的語句(或語句塊)。

5.?break和continue語句

在循環(huán)語句中，在某些情況下需要跳出循環(huán)或者跳過循環(huán)體內剩余的語句，而直接執(zhí)行下一次循環(huán)，此時需要通過break和continue語句來實現(xiàn)。break語句的作用是立即跳出循環(huán)；continue語句的作用是停止正在進