简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
首頁
文章
問答
課程
專題
下載
遊戲
詞典
最近更新

首頁  >  文章  >  web前端  >  javascript有哪兩種選擇語句

javascript有哪兩種選擇語句

青灯夜游
青灯夜游原創
2021-11-03 14:35:212805瀏覽

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中文網其他相關文章！

JavaScript 数据类型 运算符 if if...else switch 整型 break 字符串 bool JS default
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：javascript數組sort方法怎麼用下一篇：javascript數組sort方法怎麼用

相關文章

看更多