JS?if?else語句(條件判斷語句)的詳細使用

更新時間：2022年09月15日 10:24:29 作者：恁..

條件語句用于基于不同的條件來執(zhí)行不同的動作,下面這篇文章主要給大家介紹了關于JS?if?else語句(條件判斷語句)的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下

前言

條件判斷語句是程序開發(fā)過程中一種經(jīng)常使用的語句形式，和大部分編程語言相同，JavaScript 中也有條件判斷語句。所謂條件判斷，指的是程序根據(jù)不同的條件來執(zhí)行不同的操作，例如根據(jù)年齡來顯示不同的內(nèi)容，根據(jù)布爾值 true 或 false 來判斷操作是成功還是失敗等。

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

if 語句；
if else 語句；
if else if else 語句；
switc case 語句。

下面為大家介紹if、if else、if else if else 語句的使用

if語句

if 語句是 JavaScript 中最簡單的條件判斷語句，語法格式如下：

if(條件表達式){
// 要執(zhí)行的代碼;
}

示例代碼：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript</title>
</head>
<body>
    <script type="text/javascript">
        var age = 20;
        if(age >= 18){      // 如果 age >= 18 的結果為 true，則執(zhí)行下面 { } 中的代碼
            alert("adult");
        }
    </script>
</body>
</html>

運行效果圖如下：

if else 語句

if else 語句是 if 語句的升級版，它不僅可以指定當表達式成立時要執(zhí)行的代碼，還可以指定當表達式不成立時要執(zhí)行的代碼，語法格式如下：

if(條件表達式){
// 當表達式成立時要執(zhí)行的代碼
}else{
// 當表達式不成立時要執(zhí)行的代碼
}

示例代碼：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript</title>
</head>
<body>
    <script>
       var age =prompt("請輸入你的年齡：");
       if(age >=18){
        alert('你可以進入該網(wǎng)吧！');
       }
       else{ 
        alert('你還是未成年哦！');
       }
    </script>
</body>
</html>

運行效果圖：

if else if else 語句

if 和 if else 語句都只有一個條件表達式，而 if else if else 語句是它們更高級的形式，在 if else if else 語句中允許您定義多個條件表達式，并根據(jù)表達式的結果執(zhí)行相應的代碼，語法格式如下：

if (條件表達式 1) {
    // 條件表達式 1 為真時執(zhí)行的代碼
} else if (條件表達式 2) {
    // 條件表達式 2 為真時執(zhí)行的代碼
}
...
else if (條件表達式N) {
    // 條件表達式 N 為真時執(zhí)行的代碼
} else {
    // 所有條件表達式都為假時要執(zhí)行的代碼
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        var score=prompt('請輸入你的成績：');
        if(score>=90){     
            alert('A');    //成績90分以上輸出A
        }else if(score>=80){
            alert('B');    //成績在80-90之間輸出B
        }else if(score>=70){
            alert('C');    //成績在70-80之間輸出C
        }else if(score>=60){
            alert('D');    //成績在60-70之間輸出D
        }else{
            alert('E');    //60分以下輸出E
        }
    </script>
</head>
<body>
    
</body>
</html>

運行效果圖如下：