zoukankan      html  css  js  c++  java
  • js基础之关于Boolean及相等运算符的隐式类型转换

    Boolean函数

    根据 w3c规范 布尔对象共有这几种方法:

    方法 描述
    toSource() 返回该对象的源代码。
    toString() 把逻辑值转换为字符串,并返回结果。
    valueOf() 返回 Boolean 对象的原始值。


    布尔值常用于JavaScript中的控制语句中。例如JavaScript的if/else语句,如果布尔值为true执行第一段逻辑,如果为false执行另一段逻辑。

    JavaScript的值都可以转化为布尔值,下面这些值会被转换为false:

    undefined
    null
    0
    -0
    NaN
    ""//空字符串

    所有其他值,包括所有的对象(数组)都会转化为true。

    也就是说:

    var c = Boolean([]);
    console.log(c); // true

    结果为真。


    boolean应用

    Boolean常常应用的有两种,一种是if(a==b)?,一种是if(o)?。


    if(o)?

    对于第二种,只要当o不是false,null和undefined时就会执行if之后的代码。
    也就是说 if({}&&[]),为真。

    但是

    var fn = function() {};
    
    if (fn && fn()) {
        console.log(22222);
    }

    这个条件判断执不执行呢?
    结果是不执行的,因为fn() 是undefined啊小傻瓜

    var obj = {};
    var string = "";
    var array = [];
    var fn = function() {};
    
    if (obj) {
        console.log("obj");
    }
    if (string) {
        console.log("string");
    }
    if (array) {
        console.log("array"); //空字符串不输出
    }
    if (fn) {
        console.log("fn");
    }

    结果为
    输出

    还是那句话咯

    undefined、null、0、-0、NaN、”” 为false

    这里写图片描述
    这里写图片描述


    if(a==b)?

    这种应用呢,需要用到隐式类型转换,比较麻烦一点

    == 和 === 运算符用于比较两个值是否相等,但是===为严格相等,它不会进行隐式类型转换,==会进行隐式类型转换。

    严格相等运算符”===“首先计算其操作数的值 然后比较这两个值。

    ===


    相等运算符”==“

    这里写图片描述
    这里写图片描述

    也就是说:

    这里写图片描述
    这里写图片描述

    懵了吗?哈哈 一言以蔽之,这之中所有的比较都是倾向于转化为数值再进行运算的。

    
    if (null == undefined)  // true
    if (null == 0) 
    if (null == NaN)
    if (null == '') 
    if (undefined == 0)
    if (undefined == '')
    if (undefined == NaN)
    if (NaN == 0) 
    if (NaN == '')
    if (0 == '') //true
    if (NaN == false)
    if (0 == false)//true
    if ('' == false)//true
    if (undefined == false)
    if (null == false)
    if (NaN == true)
    if (0 == true)
    if ('' == true) 
    if (undefined == true)
    if (null == true)
    if ([] == null)
    if ([] == undefined)
    if ([] == 0)//true
    if ([] == '') //true
    if ([] == NaN)
    if ([] == false)//true
    if ({} == null)
    if ({} == undefined)
    if ({} == 0) 
    if ({} == '') 
    if ({} == NaN) 
    if ({} == false)
    if([1]==[1])
    if({a:1}=={a:1})

    说说最后两个是为嘛吧,因为其都为对象,对象为引用值晓得吧,所以比较的是内存中的位置,指针指向的位置不一样,所以不相等。

    这个面试笔试又常常考,所以尽力记住咯。
    我把几个对的拎出来了 ↓

    if (null == undefined)  // true
    if (0 == '') //true
    if (0 == false)//true
    if ('' == false)//true
    if ([] == 0)//true
    if ([] == '') //true
    if ([] == false)//true

    代码更新在github 欢迎验证

    https://github.com/suedar/js-/tree/master/Boolean

  • 相关阅读:
    IDLHDF5读取与转换
    IDL计算儒略日
    DOMContentLoaded和Window: load event
    eventloop(事件循环机制)
    @types
    ES6 Module import & export
    switch case
    python基础
    react-hooks 官方文档笔记
    base64编码图片
  • 原文地址:https://www.cnblogs.com/suedar/p/8506316.html
Copyright © 2011-2022 走看看