• 关于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

  • 相关阅读:
    10.7、华为数通HCIP-DataCom H12-821单选题:121-140
    HTTP协议中的Cookie 和 Session
    如何从单体架构迁移到微服务架构
    什么是代码签名证书?
    容器管理中关于CGroup的那些事
    vue独立提供模板下载功能
    无涯教程-JavaScript - COUPNUM函数
    图像特征Vol.1:计算机视觉特征度量|第一弹:【纹理区域特征】
    huggingface笔记: accelerate estimate-memory 命令
    巧用Nginx配置解决跨域问题
  • 原文地址:https://blog.csdn.net/qq_59747594/article/details/126924014