• 关于js中 0 == ‘ ‘ 为 true 的问题


    发现问题的场景

    在一次写代码中,发现了一个特别奇葩的操作,当时给我震惊了

    0 == ' '竟然为true,我说怎么判断失效了


    1. $(function() {
    2. console.log("0 == ' ':" + (0 == ''));
    3. console.log("0 === '':" + (0 === ''));
    4. console.log("0 == null:" + (0 == null));
    5. console.log("0 === null:" + (0 === null));
    6. console.log("1 == true:" + (1 == true));
    7. console.log("1 === true:" + (1 === true));
    8. console.log("0 == false:" + (0 == false));
    9. console.log("0 === false:" + (0 === false));
    10. console.log("null == undefined:" + (null == undefined));
    11. console.log("null === undefined:" + (null === undefined));
    12. })

     

    先来说一下 === 吧

    1、首先是判断两值的类型是否一样,不一样就不相等。

    2、字符串为例,需要两个字符串的长度一致和每个字符的位置都一致才相等。

    3、如果两都是引用,比较引用是否一致。

    4、从上面的运行结果可以看出 null === undefined 是 false的,因为两个值的类型不一样。

    其实,js的 === 有点类似 Java 里面的 equals 方法。

    最后就是 js 的 == 了

    1、如果两值的类型一样,然后就进行 === 比较。

    2、如果两值的类型不一样,就先转为相同的类型再进行比较。

    【1】从上面的运行结果可以看到 null == undefined 为 true 的,null == undefined 比较时是不进行转换的,并且规定 null 等于 undefined。

    【2】如果不同类型与 true 或者 false 进行比较时,会先把true转成 1 ,false 转成 0 ,再进行比较。

    这就解释了为什么 0 == false 和 1== true 为 true 了。

    【3】如果一个是基本数据类型一个是对象,那会先把对象先转成基本数据类型,再进行比较。

    【4】本文的重点:0 == ' ' 为 true,因为0可以为 false,空格或空值也为 false,所以它们相等。

    我们 if 判断 if(null) 是false,那么为什么 0 == null 是 false呢,是因为null 和 undefined 和 NaN 是特殊值,不进行转换的。

    NaN == null ,NaN == undefined 都为 false,无论 NaN == 啥都为 false。

    【 5】如果两都是对象呢,看下面例子:

    1. function test(name) {
    2. this.name = name;
    3. }
    4. $(function() {
    5. var a1 = new test("aaa");
    6. var a2 = new test("aaa");
    7. console.log("a1 == a2:" + (a1 == a2));
    8. var list1 = new Array("a","b","c");
    9. var list2 = new Array("a","b","c");
    10. console.log("list1 == list2:" + (list1 == list2));
    11. })

     可以看出两对象 == 是比较对象的引用,如果不是同一个引用,则返回 false。

    文章参考

    关于js中 0 == ' ' 为 true 的问题_墨 尘的博客-CSDN博客_0 == true

  • 相关阅读:
    [超详细]SpringBoot整合WebSocket
    【问题探讨】exists & in 使用效率探究
    Linux 之 split 切分大文件 cat 合并多个小文件
    关于#深度学习#的问题:深度学习代码使用环境的cuda版本是10.0(语言-python)
    重装系统后原git项目报错
    鸿蒙Harmony应用开发—ArkTS声明式开发(组件区域变化事件)
    Excel的VLOOKUP函数的用法
    使用ESP32连接腾讯云实现远程控制方法
    Redis
    Keras深度学习实战(11)——可视化神经网络中间层输出
  • 原文地址:https://blog.csdn.net/qq_59747594/article/details/126924014