JavaScript else条件判断

JavaScript else条件判断教程

在 JavaScript 中，关键字 else 是用于在 if 条件不满足，且所有的 else if 条件也都不满足的情况下，执行的代码逻辑。

else 关键字可以直接配套 if 语句使用，也可以配套 else if 语句一起使用，else 后面不能加判断条件。

JavaScript else语句详解

语法一

if (condition) {
    // do something
}else{
    // do something1
}

说明

else 语句可以直接配套 if 语句使用，else 后面是没有加判断条件的，且不能加判断条件，否则会编译错误。

语法二

if (condition) {
    // do something
}else if (condition1) {
    // do something1
}else if (condition2) {
    // do something2
}else {
    // do something3
}

说明

else 语句也可以配套 else if 使用，else 后面是没有加判断条件的，且不能加判断条件，否则会编译错误。

案例

if语句条件为真

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

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

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

06_javascript else语句.png

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

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

if语句条件为假

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

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

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

07_javascript else语句.png

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

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

if else if else

if else if 和 else 语句可以一起使用

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

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

08_javascript else语句.png

首先，我们定义了变量 a，并赋值为 10。接着，我们使用 if 语句判断 a > 20 的条件，如果条件满足，则执行大括号里面的输出语句，如果条件不满足，则会继续执行下面所有的 else if 的判断条件。

此时，如果有任何一个 else if 满足，则下面所有的 else if 都不会再执行，else 也不会被执行，如果所有的 else if 都不满足，则会执行最后的 else 里面的逻辑。

最后，我们的程序输出了 "a <= b" 和 "Over" ，因为上面的 if 判断和所有的 else if 判断都不满足，因此 else 里面的代码会被执行，而最后一个输出语句不管条件满足不满足则都会执行。

JavaScript else条件判断总结

在 JavaScript 中，关键字 else 是用于在 if 条件不满足，且所有的 else if 条件也都不满足的情况下，执行的代码逻辑。

else 关键字可以直接配套 if 语句使用，也可以配套 else if 语句一起使用，else 后面不能加判断条件。