JavaScript逻辑运算符

JavaScript逻辑运算符教程

在 JavaScript 中，逻辑运算符是用于连接多个条件（一般来讲就是关系表达式），最终的结果也是一个 bool 值。

JavaScript逻辑运算符语法

运算符	说明	范例
&&	逻辑与	A && B
\|\|	逻辑或	A \|\| B
!	逻辑非	!A

逻辑与，如果 A 和 B 的值都为真，那么结果为真，否则结果为假。如果 A 的值为假，那么不会计算 B 的值，这叫做短路。

逻辑或，只要 A 和 B 的值一个为真，那么结果为真，否则结果为假。如果 A 的值为真，那么不会计算 B 的值，这叫做短路。

逻辑非，如果原来 A 的值为真，那么结果为假。如果原来 A 的值为假，那么结果为真。

案例

逻辑与运算

使用 && 运算符，实现逻辑与判断

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript逻辑与运算符</title>
        <script type="text/javascript">
            console.log("嗨客网(www.haicoder.net)");
            var age = 40;
            var b = age > 30 && age < 50;
            var c = age > 40 && age < 50;
            console.log("b =", b, "c =", c);
        </script>
    </head>
</html>

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

13_javascript逻辑运算符.png

首先，我们定义了一个变量 age 并赋值为 40。接着，我们使用逻辑与运算符 &&，判断变量 age 的值是否大于 30 并且小于 50，并将比较结果赋值给 b。

我们再次使用逻辑与运算符 &&，判断变量 age 的值是否大于 40 并且小于 50，并将比较结果赋值给 c。

逻辑或运算

使用 || 运算符，实现逻辑或判断

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript逻辑或运算符</title>
        <script type="text/javascript">
            console.log("嗨客网(www.haicoder.net)");
            var age = 40;
            var b = age > 30 || age < 50;
            var c = age > 40 || age < 30;
            console.log("b =", b, "c =", c);
        </script>
    </head>
</html>

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

14_javascript逻辑运算符.png

首先，我们定义了一个变量 age 并赋值为 40。接着，我们使用逻辑或运算符 ||，判断变量 age 的值是否大于 30 或者小于 50，并将比较结果赋值给 b。

我们再次使用逻辑或运算符 ||，判断变量 age 的值是否大于 40 或者小于 30，并将比较结果赋值给 c。

逻辑非运算

使用 ! 运算符，实现逻辑非判断

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript逻辑非运算符</title>
        <script type="text/javascript">
            console.log("嗨客网(www.haicoder.net)");
            var b = true;
            var c = !b;
            console.log("c =", c);
        </script>
    </head>
</html>

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

15_javascript逻辑运算符.png

首先，我们定义了一个变量 b 并赋值为 true。接着，我们使用逻辑非运算符 !，将变量 b 的值取非，并将结果赋值给 c。