快捷導(dǎo)航

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

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

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

前言

條件判斷語句是程序開發(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 中最簡(jiǎn)單的條件判斷語句，語法格式如下：

if(條件表達(dá)式){
// 要執(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 的結(jié)果為 true，則執(zhí)行下面 { } 中的代碼
            alert("adult");
        }
    </script>
</body>
</html>

運(yùn)行效果圖如下：

if else 語句

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

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

示例代碼：

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

運(yùn)行效果圖：

if else if else 語句

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

if (條件表達(dá)式 1) {
    // 條件表達(dá)式 1 為真時(shí)執(zhí)行的代碼
} else if (條件表達(dá)式 2) {
    // 條件表達(dá)式 2 為真時(shí)執(zhí)行的代碼
}
...
else if (條件表達(dá)式N) {
    // 條件表達(dá)式 N 為真時(shí)執(zhí)行的代碼
} else {
    // 所有條件表達(dá)式都為假時(shí)要執(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('請(qǐng)輸入你的成績(jī)：');
        if(score>=90){     
            alert('A');    //成績(jī)90分以上輸出A
        }else if(score>=80){
            alert('B');    //成績(jī)?cè)?0-90之間輸出B
        }else if(score>=70){
            alert('C');    //成績(jī)?cè)?0-80之間輸出C
        }else if(score>=60){
            alert('D');    //成績(jī)?cè)?0-70之間輸出D
        }else{
            alert('E');    //60分以下輸出E
        }
    </script>
</head>
<body>
    
</body>
</html>

運(yùn)行效果圖如下：