js学习笔记21——关系运算符

最新推荐文章于 2025-12-08 09:18:56 发布

原创最新推荐文章于 2025-12-08 09:18:56 发布 · 87 阅读

CC 4.0 BY-SA版权

文章标签：

83 篇文章

订阅专栏

这篇博客探讨了JavaScript中的关系运算符（大于、小于、大于等于、小于等于）在不同数据类型间的比较规则。文章通过示例展示了如何进行非数值比较，以及在比较字符串时的字符编码原理。此外，还提到了在比较字符串数字时需要注意的字符编码问题，并给出了转换为数值进行比较的方法。

关系成立返回true，关系不成立返回false。

大于

    <script>
        var a = 5>10;
        console.log(a);
        var b = 5>1;
        console.log(b);
    </script>

在这里插入图片描述

    <script>
        var a = 5>5;
        console.log(a);
        var b = 5>=5;
        console.log(b);
    </script>

在这里插入图片描述

类似的，不演示。

    <script>
        console.log(1>true);
        console.log(1>=true);
        console.log(2>"2");
        console.log(2>="2");
    </script>

在这里插入图片描述
从这个可以看到，会先将数据转换成数字，再比较。

    <script>
        console.log(2<"hello");
        console.log(2<="hello");
        console.log(2>"hello");
    </script>

在这里插入图片描述
任何值与Undefined比较，都是false。

如果两个数值都是字符串，是怎么比的呢?

    <script>
        console.log("22"<"3");
        console.log("22"<="3");
        console.log("22">"3");
    </script>

在这里插入图片描述
这里它是比的字符编码。而且是按位比较，即第一个数据的第一位比第二个数据的第一位。如果相等则比较第二位，依次类推。

所以这里得注意，如果我们是想比较两串数字，而不是比它们的字符编码，要怎么办呢？
把其中一个转成数值就行了。

    <script>
        console.log("22"< +"3");
        console.log(+"22"<="3");
    </script>

在这里插入图片描述