【JavaScript】if语句

爱学习的小何同学！

于 2025-04-28 20:01:28 发布

阅读量427

点赞数 3

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/hefaxiang/article/details/147594315

版权

JS中的程序是从上到下一行一行执行的。

通过流程控制语句可以控制程序执行流程，使程序可以根据一定的条件来选择执行语句。

语句的分类：

1、条件判断语句

2、条件分支语句

3、循环语句

条件判断语句：使用条件判断语句可以在执行某个语句之前进行判断，如果条件成立才会执行语句，条件不成立则语句不执行。

（1）语法一(if)

语法：

if(条件表达式){
语句；
...
}

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        var ch = 9;
        if (ch > 10)
            alert("a比10大");
        alert("谁也管不了我");
    </script>
</head>

<body>

</body>

</html>

结果：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        var ch = 35;
        if (ch > 10 && ch <= 40) {
            alert("ch大于10且小于等于40");
        }
    </script>
</head>

<body>

</body>

</html>

结果：

（2）语法二(if...else...)

语法：

if(条件表达式){
语句...
}else{
语句...
}

if...else...：当该语句执行时，会先对if后的条件表达式进行求值判断，如果该值为true，则执行if后的语句；如果该值为false，则执行else后的语句。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        var age = 70;
        if (age >= 69) {
            alert("你已经退休了");
        } else {
            alert("你还没退休");
        }
    </script>
</head>

<body>

</body>

</html>

结果：

（3）语法三（if...else if... else if... else...)

语法：

if(条件表达式){
语句...
}else if(条件表达式){
语句...
}else if(条件表达式){
语句...
}else{
语句...
}
//注意：最后一个else可以不写。

if...else if ... else执行顺序：

当该语句执行时，会从上到下依次对该表达式进行求值判断，如果该值为true，则执行当前语句；如果值为false，则继续向下判断。如果所有的条件都不满足，则执行以后一个else语句。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        var score = 99;
        if (score >= 90) {
            alert("优秀");
        } else if (score >= 70) {
            alert("良好");
        } else if (score >= 60) {
            alert("及格");
        } else {
            alert("不及格");
        }
    </script>
</head>

<body>

</body>

</html>

结果：