欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

JavaScript中双叹号(!!)作用 两个感叹号 有大用

JavaScript中双叹号(!!)作用

经常看到这样的例子:

var a;
var b = !!a;

a默认是undefined!atrue!!a则是false,所以b的值是false,而不再是undefined,也非其它值,主要是为后续判断提供便利。

!!一般用来将后面的表达式强制转换为布尔类型的数据(boolean),也就是只能是true或者false;
因为javascript是弱类型的语言(变量没有固定的数据类型)所以有时需要强制转换为相应的类型,类似的如:

  • a = parseInt(“1234″)

  • a = "1234" - 0 //转换为数字

  • b = 1234 + "" //转换为字符串

  • c = someObject.toString() //将对象转换为字符串

其中第1种、第4种为显式转换,2、3为隐式转换。

布尔型的转换,javascript约定规则为:

  1. falseundefindednull0"" 、NaN为 false

  2. true1"somestring"[Object] 为 true

nullundefined等其他用隐式转换的值,用!操作符时都会产生true的结果,所以用两个感叹号的作用就在于将这些值转换为“等价”的布尔值;

再来看看:

var foo;  
alert(!foo); //undifined情况下,一个感叹号返回的是true;  
alert(!goo); //null情况下,一个感叹号返回的也是true;  
var o = {flag:true};  
var test = !!o.flag;    //等效于var test=o.flag||false;  
alert(test);

这段例子,演示了在undifinednull时,用一个感叹号返回的都是true,用两个感叹号返回的就是false,所以两个感叹号的作用就在于,如果明确设置了变量的值(非null/undifined/0/""/NaN等值),结果就会根据变量的实际值来返回,如果没有设置,结果就会返回false

来自  https://blog.csdn.net/linbots/article/details/79911188


js 一个两个三个感叹号区别

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/lx_1024/article/details/79807228

今天看到一个前辈使用了三个感叹号来判断值,就查了一下,综合了几篇文章的观点

1、一个感叹号

!可将变量转换成boolean类型,null、undefined和空字符串取反都为false,其余都为true。

  1. !null=true
  2. !undefined=true
  3. !''=true
  4. !100=false
  5. !'abc'=false

2、两个感叹号

!!常常用来做类型判断,在第一步!(变量)之后再做逻辑取反运算

  1. let a;
  2. if(a!=null&&typeof(a)!=undefined&&a!=''){
  3. //a有内容才执行的代码  
  4. }
  1. if(!!a){
  2. //a有内容才执行的代码...  
  3. }

上面两种写法实现的功能一样,下面一种明显更简单

3、三个感叹号

三个感叹号没有什么意义,和一个感叹号的效果是一样的。一般他们认为!!表示将一个变量转为boolean型,再加一个!是对boolean型取反,和!false或者!true一样。


来自  https://blog.csdn.net/lx_1024/article/details/79807228




普通分类: