JavaScript比较运算符

JavaScript比较运算符教程

在 JavaScript 中，关系运算符的结果都是 bool 型，也就是要么是 true，要么是 false。关系表达式经常用在 if 结构的条件中或 循环结构 的条件中。

JavaScript比较运算符语法

运算符	说明	范例	结果
==	等于	4 == “4”	true
===	等值等型	4 == “4”	false
!=	不相等	4 != “4”	false
!==	不等值或不等型	4 !== “4”	true
<	小于	4 < 3	false
>	大于	4 > 3	true
<=	小于等于	4 <= 3	false
>=	大于等于	4 >= 3	true

案例

相等比较

使用 JavaScript 比较运算符，实现相等比较

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript相等比较</title>
        <script type="text/javascript">
            console.log("嗨客网(www.haicoder.net)");
            var a = 4;
            var b = "4";
            var c = a == b;
            var d = a != b;
            var e = a === b;
            var f = a !== b;
            console.log("c =", c, "d =", d);
            console.log("e =", e, "f =", f);
        </script>
    </head>
</html>

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

09_javascript比较运算符.png

首先，我们定义了两个变量，a 和 b。其中，a 是数字类型的 4，b 是字符串类型的 4。接着，我们使用 == 运算符，判断变量 a 的值与变量 b 的值是否相等，并将比较结果赋值给 c。

使用 != 运算符，判断变量 a 的值与变量 b 的值是否不等，并将比较结果赋值给 d，使用 === 运算符，判断变量 a 的值与变量 b 的值是否相等，并将比较结果赋值给 e。使用 !== 运算符，判断变量 a 的值与变量 b 的值是否不等，并将比较结果赋值给 f。

最后，我们发现，a == b 是 true，a != b 是 false，因为，== 运算符不需要比较数据类型，只比较变量的值。a === b 是 true，a !== b 是 false，即 === 运算符不仅比较数据类型还需要比较值。

大小于比较

使用 JavaScript 比较运算符，实现大小于比较

<!DOCTYPE html>
<html>
    <head>
        <title>大小于比较</title>
        <script type="text/javascript">
            console.log("嗨客网(www.haicoder.net)");
            var a = 4;
            var b = 3;
            var c = a > b;
            var d = a < b;
            var e = a >= b;
            var f = a <= b;
            console.log("c =", c, "d =", d, "e =", e, "f =", f);
        </script>
    </head>
</html>

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

10_javascript比较运算符.png

首先，我们定义了三个变量，a、 b 和 c。接着，我们使用大于运算符 >，将变量 a 的值与变量 b 的值进行大于比较，并将结果赋值给 c。

我们再次使用小于运算符 <，将变量 a 的值与变量 b 的值进行小于比较，并将结果赋值给 d。我们再次使用大于等于运算符 >=，将变量 a 的值与变量 b 的值进行大于等于比较，并将结果赋值给 e。

最后，我们使用小于等于运算符 <=，将变量 a 的值与变量 b 的值进行小于等于比较，并将结果赋值给 f。

JavaScript比较运算符总结

在 JavaScript 中，关系运算符的结果都是 bool 型，也就是要么是 true，要么是 false。关系表达式经常用在 if 结构的条件中或循环结构的条件中。