js基础之关于Boolean及相等运算符的隐式类型转换

来源:互联网 发布:java web权限管理框架 编辑:程序博客网 时间:2024/06/06 20:50

Boolean函数

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

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


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

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

undefinednull0-0NaN""//空字符串

所有其他值,包括所有的对象(数组)都会转化为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)  // trueif (null == 0) if (null == NaN)if (null == '') if (undefined == 0)if (undefined == '')if (undefined == NaN)if (NaN == 0) if (NaN == '')if (0 == '') //trueif (NaN == false)if (0 == false)//trueif ('' == false)//trueif (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)//trueif ([] == '') //trueif ([] == NaN)if ([] == false)//trueif ({} == null)if ({} == undefined)if ({} == 0) if ({} == '') if ({} == NaN) if ({} == false)if([1]==[1])if({a:1}=={a:1})

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

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

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

代码更新在github 欢迎验证

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

阅读全文
0 0
原创粉丝点击