首頁 > web前端 > js教程 > 主體

javascript有哪兩種選擇語句

青灯夜游
發布: 2021-11-03 14:35:21
原創
2802 人瀏覽過

js中的兩個選擇語句:1、「if else」語句,語法「if(條件式){//程式碼}else{//程式碼}」;2、「switch case」語句,語法「switch(表達式){case 值:語句;break;..default:語句;}」。

javascript有哪兩種選擇語句

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

條件判斷語句是程式開發過程中一種常用的語句形式,和大部分程式語言相同,JavaScript 中也有條件判斷語句。所謂條件判斷,指的是程式根據不同的條件來執行不同的操作,例如根據年齡來顯示不同的內容,根據布林值 true 或 false 來判斷操作是成功還是失敗等。

JavaScript 中支援以下幾種不同形式的條件判斷語句:

  • ##if else 語句(有多種變形)

  • ##switc case 語句

if else 語句if else 語句是流程控制中根據條件判斷執行的一種。該語句執行時先對條件進行判斷,然後根據判斷結果做出對應的操作。它又可以細分為三種,分別是 if 語句、if...else 語句、if...else if...else 語句。

if 語句

是JavaScript 中最簡單的條件判斷語句,語法格式如下:

if(条件表达式){
    // 要执行的代码;
}
登入後複製

當條件表達式成立,即結果為布林值true時,就會執行

{ }

中的程式碼。

if else 語句

是if 語句的升級版,它不僅可以指定當表達式成立時要執行的程式碼,還可以指定當表達式不成立時要執行的程式碼,語法格式如下:

if(条件表达式){
    // 当表达式成立时要执行的代码
}else{
    // 当表达式不成立时要执行的代码
}
登入後複製

if 和if else 語句都只有一個條件表達式,而

if else if else 語句

是它們更高級的形式,在if else if else 語句中允許您定義多個條件表達式,並根據表達式的結果執行對應的程式碼,語法格式如下:

if (条件表达式 1) {
    // 条件表达式 1 为真时执行的代码
} else if (条件表达式 2) {
    // 条件表达式 2 为真时执行的代码
}
...
  else if (条件表达式N) {
    // 条件表达式 N 为真时执行的代码
} else {
    // 所有条件表达式都为假时要执行的代码
}
登入後複製

提示:if else if else 語句在執行過程中,當遇到成立的條件式時,會立即執行其後{ }中的程式碼,然後退出整個if else if else 語句,若後續程式碼中還有成立的條件式,則不會執行。

範例:
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>JavaScript</title>
</head>
<body>
    <script type="text/javascript">
        var now = new Date();           // 获取当前的完整日期
        var dayOfWeek = now.getDay();   // 获取一个 0-6 之间的数字,用来表示当前是星期几,0 表示星期日、1 表示星期一、以此类推
        if(dayOfWeek == 0) {            // 判断当前是星期几
            alert("星期日")
        } else if(dayOfWeek == 1) {
            alert("星期一")
        } else if(dayOfWeek == 2) {
            alert("星期二")
        } else if(dayOfWeek == 3) {
            alert("星期三")
        } else if(dayOfWeek == 4) {
            alert("星期四")
        } else if(dayOfWeek == 5) {
            alert("星期五")
        } else {
            alert("星期六")
        }
    </script>
</body>
</html>
登入後複製

javascript有哪兩種選擇語句

#switch case 語句switch 語句和if...else if...else 語句相似,也是一種分支結構,與if...else if...else 語句相比switch 語句更加簡潔明了。

switch 語句由一個表達式和多個 case 標籤組成,case 標籤後面跟著一個程式碼區塊,case 標籤作為這個程式碼區塊的標識。 switch 語句的語法格式如下:

switch(表达式){
    case 值 1:
        语句块 1;
        break;
    case 值 2:
        语句块 2;
        break;
    ... ...
    case 值 n:
        语句块 n;
        break;
    default:
        语句块 n+1;
}
登入後複製

switch 語句根據表達式的值,依序與case 中的值進行比較,如果不相等,繼續找出下一個case;如果相等,就會執行對應的語句,直到switch 語句結束或遇到break 為止。

一般來說,switch 語句最終都有一個預設值 default,如果在前面的 case 中沒有找到相符的條件,則執行預設語句,和 else 語句類似。 default 是 switch 子句,可位於 switch 內任何位置,且不會影響多重分支case正常執行。

注意:switch 語句中,表達式是使用全等(===)來與各個 cese 子句中的值進行匹配的。由於使用的是全等運算符,因此不會自動轉換每個值的類型。

switch 語句的執行流程(工作原理)如下圖所示:

javascript有哪兩種選擇語句#範例:

var grade = 80;
switch (grade/10) {
	case 10:
	case 9:
		console.log("A等");
		break; //停止执行,跳出switch
	case 8:
		console.log("B等");
		break; //停止执行,跳出switch
	case 7:
		console.log("C等");
		break; //停止执行,跳出switch
	case 6:
		console.log("D等");
		break; //停止执行,跳出switch
	default: //上述条件都不满足时,默认执行的代码
		console.log("E等");
}
登入後複製

輸出:


javascript有哪兩種選擇語句在使用switch 語句時應該注意以下幾點:

    和if 語句不同的是, switch 語句後面表達式的資料型別只能是整數或字串,不能是bool 型。
  • 和 if 語句不同的是,switch 語句後面的花括號是必須有的。
  • case 語句的個數沒有規定,可以無限增加。但 case 標籤和 case 標籤後面的值之間應該有一個空格,值後面必須有一個冒號,這是語法的一部分。
  • switch 符合完成以後,將依序逐條執行符合的分支模組中的語句,直到 switch 結構結束或遇到了 break 語句才停止執行。所以,如果一個分支語句的後面沒有寫上 break 語句,程式就會繼續執行下一個分支語句的內容。
  • 與if 語句中的else 類似,switch 語句中default 標籤直接在後面加上一個冒號,看似沒有條件,其實是有條件的,條件就是「表達式」的值不能與前面任何一個case 標籤後的值相等,這時才執行default 分支中的語句。 default 標籤和 if 中的 else 子句一樣,它不是 switch 語句中必需的,可以省略。

【推薦學習:javascript進階教學

以上是javascript有哪兩種選擇語句的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!