您好,登錄后才能下訂單哦!
本篇內容介紹了“JavaScript的三種條件語句是什么”的有關知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領大家學習一下如何處理這些情況吧!希望大家仔細閱讀,能夠學有所成!
JavaScript的三種條件語句:1、“if else”語句,語法“if(條件){...}else{...}”;2、“switch...case”語句;3、三元運算語句,語法“條件表達式 ? 表達式1 : 表達式2 ;”。
本教程操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。
條件判斷語句是程序開發過程中一種經常使用的語句形式,和大部分編程語言相同,JavaScript 中也有條件判斷語句。所謂條件判斷,指的是程序根據不同的條件來執行不同的操作,例如根據年齡來顯示不同的內容,根據布爾值 true 或 false 來判斷操作是成功還是失敗等。
1、語法
if-else的語法分為三種:
(1)if 語句;
if(條件){ 條件為true時執行代碼 }
(2)if else 語句;
if(條件){ 條件為true時執行的代碼 } else { 條件為false時執行的代碼 }
(3)if else if else 語句;
if(條件1){ 條件1為true時執行的代碼 } esle if (條件2){ 條件1false條件2true } else { 都false }
例子
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>IfElse</title> </head> <body> <script type="text/javascript"> var myage = 10; //第一種語法 if (myage > 5){ document.writeln("你的年齡大于5歲"); } //第二種語法 if (myage > 15){ document.writeln("你的年齡大于15歲"); } else { document.writeln("你的年齡小于15歲"); } //第三種語法 if (myage > 5){ document.writeln("你的年齡大于5歲"); } else if(myage < 15 ){ document.writeln("你的年齡大于15小于5歲"); } else { document.writeln("你的年齡大于等于15歲") } </script> </body> </html>
輸出結果為
1、語法
switch( 表達式 n ){ case 1 : 執行代碼塊 1; break; case 2 : 執行代碼塊 2 ; break; default: 與 case 1 和 case 2 不同時執行的代碼 }
2、工作原理
首先設置表達式 n(通常是一個變量)。隨后表達式的值會與結構中的每個 case 的值做比較。如果存在匹配,則與該 case 關聯的代碼塊會被執行。請使用 break 來阻止代碼自動地向下一個 case 運行。
例子
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Switch</title> </head> <body> <script type="text/javascript"> var flag = 2; switch (flag) { case 1:document.write("紛紛擾擾這個世界,所有的了解。");break; case 2:document.write("只要讓我留在你身邊。");break; default:break; } </script> </body> </html>
輸出結果為
三元運算符(也被稱為條件運算符),由一個問號和一個冒號組成,其語法格式如下:
b ? x : y
b 操作數必須是一個布爾型的表達式,x 和 y 是任意類型的值。
如果操作數 b 的返回值為 true,則執行 x 操作數,并返回該表達式的值。
如果操作數 b 的返回值為 false,則執行 y 操作數,并返回該表達式的值。
示例:
定義變量 a,然后檢測 a 是否被賦值,如果賦值則使用該值;否則設置默認值。
var a = null; //定義變量a typeof a != "undefined" ? a = a : a = 0; //檢測變量a是否賦值,否則設置默認值 console.log(a); //顯示變量a的值,返回null
條件運算符可以轉換為條件結構:
if(typeof a != "undefined"){ //賦值 a = a; }else{ //沒有賦值 a = 0; } console.log(a);
也可以轉換為邏輯表達式:
(typeof a != "undefined") && (a =a) || (a = 0); //邏輯表達式 console.log(a);
在上面表達式中,如果 a 已賦值,則執行 (a = a) 表達式,執行完畢就不再執行邏輯或運算符后面的 (a = 0) 表達式;如果 a 未賦值,則不再執行邏輯與運算符后面的 (a = a) 表達式,轉而執行邏輯或運算符后面的表達式 (a = 0)。
注意:
在實戰中需要考慮假值的干擾。使用 typeof a != "undefined" 進行檢測,可以避開變量賦值為 false、null、""、NaN等假值時,也被誤認為沒有賦值。
“JavaScript的三種條件語句是什么”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站,小編將為大家輸出更多高質量的實用文章!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。