javascript中!!(双叹号)的作用

最新推荐文章于 2024-10-28 10:39:23 发布

转载最新推荐文章于 2024-10-28 10:39:23 发布 · 421 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://blog.youkuaiyun.com/tantanit/article/details/52287700

js 专栏收录该内容

24 篇文章

订阅专栏

含义
Javascript中，!表示运算符“非"，如果变量不是布尔类型，会将变量自动转化为布尔类型，再取非，那么用两个!!就可以将变量转化为对应布尔值。

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

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

function trueOrFalseIf(toTest){
	if(toTest){
		return true;
	}
	else{
		return false;
	}
}

function trueOrFalseDouble(toTest){
	return !!toTest;
}

function trueOrFalseBoolean(toTest){
	return new Boolean(toTest);
}

function print(toTest){
	document.write(trueOrFalseIf(toTest)+","+trueOrFalseDouble(toTest)+","+trueOrFalseBoolean(toTest)+"<br/>");
}

依次测试undefined,null,空字符串""，负0，正0，不确定数值NaN，布尔值false和布尔值true，字符串"0"，数字1，数字无穷大Infinity，字符串"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]);

}

}

测试结果：
前面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"却转换为布尔值

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

Javascript中!!(两个感叹号，双感叹号)可以用来判断一些变量的值啊！如果值为真，首先可以排除undefined和null,根据对象类型，可以做出如下判断：

数值：表示不是0，且有确定含义的值（包括无穷大）

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

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

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

if(!!value){

}

if(value){

}

如果作为条件表达式，不需要使用!!进行转换，Javascript会自动转换，!!就只应用于将类型转换为布尔值。

原文链接：https://blog.youkuaiyun.com/tantanit/article/details/52287700