JavaScript if条件判断

JavaScript if条件判断教程

在 JavaScript 中，关键字 if 是用于测试某个条件（布尔型 或逻辑型）的语句是否满足一定的条件，如果满足特定的条件，则会执行 if 后由大括号 {} 括起来的代码块，否则就忽略该代码块继续执行后续的代码。

JavaScript if语句详解

语法

if (condition) {
    // do something
}

说明

JavaScript 中的 if 语句后面的条件判断表达式，需要写在小括号里面，即 ()。接着，我们将满足条件需要执行的逻辑语句写在大括号，即 {} 里。

案例

if语句条件为真

如果 if 语句条件为真，则会执行相对应的代码

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript if语句</title>
        <script type="text/javascript">
            console.log("嗨客网(www.haicoder.net)");
            var a = 10;
            var b = 5;
            if (a > b){
                console.log("a > b");
            }
            console.log("Over");
        </script>
    </head>
</html>

程序运行后，控制台输出如下：

01_javascript if语句.png

首先，我们定义了两个变量 a 和 b，并分别赋值为 10 和 5。接着，我们使用 if 语句判断 a > b 的条件，如果条件满足，则执行大括号里面的输出语句。

最后，我们的程序输出了 "a > b" 和 "Over" ，因为 a > b 的条件是成立的，所以会执行 if 大括号里面的输出语句，而最后一个输出语句不管条件满足不满足则都会执行。

if语句条件为假

如果 if 语句条件为假，则不会执行相对应的代码

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript if语句</title>
        <script type="text/javascript">
            console.log("嗨客网(www.haicoder.net)");
            var a = 10;
            var b = 5;
            if (a <= b){
                console.log("a <= b");
            }
            console.log("Over");
        </script>
    </head>
</html>

程序运行后，控制台输出如下：

02_javascript if语句.png

首先，我们定义了两个变量 a 和 b，并分别赋值为 10 和 5。接着，我们使用 if 语句判断 a <= b 的条件，如果条件满足，则执行大括号里面的输出语句。

最后，我们的程序只输出了 "Over" 没有输出 "a <= b" ，因为 a <= b 的条件是不成立的，所以不会执行 if 大括号里面的输出语句，而最后一个输出语句不管条件满足不满足则都会执行。

JavaScript if条件判断总结

在 JavaScript 中，关键字 if 是用于测试某个条件（布尔型或逻辑型）的语句是否满足一定的条件，如果满足特定的条件，则会执行 if 后由大括号 {} 括起来的代码块，否则就忽略该代码块继续执行后续的代码。