JS中的假值

    其实这类博客非常多,百度就一堆,不过知识这东西终究是自己写一写才印象深刻。

    为啥写这篇博客呢,因为今天遇到了一道题,是这样的

var a='undefined',
    b='false',
    c='';
function assert(aVar) {
    if(aVar){
        return true;
    }else{
        return false;
    }
}

assert(a);
assert(b);
assert(b);

    问的是会输出什么,题目不难,只要认准那些都是字符串,就知道输出是true true false,但是这里有一点非常值得了解一下,就是toBoolean这个操作。比如if、for、while等判断条件中经常使用隐含的toBoolean操作。

    正如我在《ECMAScript 2015规范文档中相等(==)运算符的详解》中说的一样,有些东西吧,实在不行就看规范文档。现在就来看看。这里附上原文链接

    直接了当的可以看到,undefined、null直接返回false; Symbol、Object永远返回true;本身就是Boolean型直接返回原本值;Number型的除+0、-0和NaN返回false以外,其余都返回true;String型中空字符串(即长度为0)返回false,其他情况返回true。

    总结一下自身进行判断(toBoolean),假值的有6种情况:null、undefined、""(空字符串)、+0、-0、NaN。

    举例子验证一下。

function assert(value) {
    if(aVar){
        console.log(true);
    }else{
        console.log(false);
    }
}

let array = [undefined, null, true, false, Symbol('hello'), 0, NaN, '', 'hello'];
array.forEach(assert);

    输出结果如下:

 

    但是重点来了,在使用“==”相等运算符与false判断时,又有点小区别哦,因为“==”相等运算符进行的是数值运算,即存在toNumber操作,当然“===”严格相等运算符除了数值运算外,同时还进行typeof运算。这一块不细讲,可以参考我之前的博文《ECMAScript 2015规范文档中相等(==)运算符的详解》。

    正是这一点小区别,引出了下面的内容。

    从上面(例子不全,可自行验证)可以知道几点:

    1、false、0、''、[]相互“==”判断为true,其余为false

    2、undefined、null相互“==”判断为true,其余为false

    (undefined在toNumber时转换成NaN,所以与其他的不等。只是按照约定undefined == null判断true)

    3、NaN跟自身都不相等,所以永远判断为false

    看到上面估计有点奇怪,[]是对象啊,不应该为true吗?还是回到之前说的if、for、while判断与“==”运算符是有区别的,下面举个简单例子。    

if([]){
    console.log("1")
}else{
    console.log("2")
}

    []本身做判断时返回true,但是与false比较时,两侧进行的是toNumber操作,都返回的0,所以相等。

    如果还不懂,配合此篇博文和《ECMAScript 2015规范文档中相等(==)运算符的详解》学习一波。

 

 

  • 1
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值