您的位置:首页 > Web前端 > JavaScript

Javascript中!!(两个感叹号,双感叹号)的含义

2016-08-23 08:49 260 查看
原文地址 http://tantanit.com/javascript-zhong-liang-ge-gan-tan-hao-shuang-gan-tan-hao-de-zuo-yong/

使用javascript时,有时会在变量前面加上两个感叹号,这样做表示什么含义呢?Javascript中,!表示运算符“非”,如果变量不是布尔类型,会将变量自动转化为布尔类型,再取非,那么用两个!!就可以将变量转化为对应布尔值

Javascript中哪些情况下!!值为真?

Javascript中哪些情况下!!值为真?当变量转化为布尔值true时为真咯!

Javascript中各种类型如何转换为布尔值?

我们至少可以想到undifined和null一定是转化为false的,数字0也一定是false,那么,空字符串,空数组,空对象呢?别急,下面的实验会有清晰的答案。

首先,定义三个转化布尔值的函数,我们后面会看到这三个函数是等价的,并且同时输出三个函数的转化结果


依次测试undefined,null,空字符串,负0,正0,不确定数值,布尔值false,布尔值true,字符串0,数字1,数字无穷大,字符串true,字符串false,空数组,空对象,函数

function test(){

var toTestArray=[undefined,null,"",-0,0,NaN,false

,true,"0",1,Infinity,"true","false",[],{},function(){}];

for(var i=0;i<toTestArray.length;i++){

print(toTestArray[i]);

}

}


测试结果如下:

false,false,false

false,false,false

false,false,false

false,false,false

false,false,false

false,false,false

false,false,false

true,true,true

true,true,true

true,true,true

true,true,true

true,true,true

true,true,true

true,true,true

true,true,true

true,true,true

可以看到前面7个值都是false,后面9个值都是true。比较值得一提的结论如下:

众望所归,undefined和null为false。

任意数组,对象,函数(函数是特殊的对象)都转化为真,即使是空数组,空对象。

空字符串为false,非空字符串为true。

数值正负0,不确定值为false,其它为true,无穷大也是true。

字符串”0″和数值0可以相互转换,但它们转换为不同的布尔值,即0可转换为”0″,”0″可转换为true,但0却转换为false,可见Javascript中类型转换不具有传递性。

一个更有趣的现象是布尔值false会转化为字符串”false”,而字符串”false”却转换为布尔值true。

document.write(new String(false));
document.write(new Boolean("false"));


结果为

falsetrue

回到我们的题目,Javascript中!!(两个感叹号,双感叹号)可以用来做什么,可以用来判断一些变量的值啊!如果值为真,首先可以排除undefined和null,根据对象类型,可以做出如下判断:

数值:表示不是0,且有确定含义的值(包括无穷大)

字符串:表示长度大于0的字符串

数组,对象,函数:只能表示不是undefined或null,并不能判断是否有元素和内容。

另外,我们上面比较了三个函数,结果是一样的,所以下面两个用法其实是完全等价的:

if(!!value){

}

if(value){

}


如果作为条件表达式,不需要使用!!进行转换,Javascript会自动转换,!!就只应用于将类型转换为布尔值。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript