JS if else语句(条件判断语句)的详细使用

Irina ·

更新时间:2024-11-10

· 1117 次阅读

前言

if语句

if else 语句

if else if else 语句

总结

前言

条件判断语句是程序开发过程中一种经常使用的语句形式，和大部分编程语言相同，JavaScript 中也有条件判断语句。所谓条件判断，指的是程序根据不同的条件来执行不同的操作，例如根据年龄来显示不同的内容，根据布尔值 true 或 false 来判断操作是成功还是失败等。

JavaScript 中支持以下几种不同形式的条件判断语句：

if 语句；

if else 语句；

if else if else 语句；

switc case 语句。

下面为大家介绍if、if else、if else if else 语句的使用

if语句

if 语句是 JavaScript 中最简单的条件判断语句，语法格式如下：

if(条件表达式){
// 要执行的代码;
}

示例代码：

<!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，则执行下面 { } 中的代码
            alert("adult");
        }
    </script>
</body>
</html>

运行效果图如下：

if else 语句

if else 语句是 if 语句的升级版，它不仅可以指定当表达式成立时要执行的代码，还可以指定当表达式不成立时要执行的代码，语法格式如下：

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

示例代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript</title>
</head>
<body>
    <script>
       var age =prompt("请输入你的年龄：");
       if(age >=18){
        alert('你可以进入该网吧！');
       }
       else{ 
        alert('你还是未成年哦！');
       }
    </script>
</body>
</html>

运行效果图：

if else 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 {
    // 所有条件表达式都为假时要执行的代码
}

<!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>

运行效果图如下：