浅谈JavaScript中的“!!”作用


Posted in Javascript onAugust 03, 2020
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript">
 
		alert(!!undefined)//false
		alert(!!null)//false
		alert(!!0)//false
		alert(!!"")//fase
		
	</script>
</head>
<body>
 
</body>
</html>

js代码中有时会用到“!”,这个我们知道是取反,对于布尔类型会将其值true和false互换,那对于非布尔类型呢?

对于非布尔类型,js会将值先转换成布尔类型,而后取反。

其他类型转布尔型的规则:

字符串类型值,会将空值("")转换成false,其余转换成true。

数字类型,会将0转换成false,其余为true。

null、undefined会转换成false。

因此,对于null、undefined、0、“”都会被转为flase。

说道这里,应该就理解了“!!”的含义了,一个!是将对象转为布尔型并取反,两个!是将取反后的布尔值再取反,相当于直接将非布尔类型值转为布尔类型值。

到此这篇关于浅谈JavaScript中的“!!”作用的文章就介绍到这了,更多相关JavaScript中的“!!”作用内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
JavaScript中实现块作用域的方法
Apr 01 Javascript
event.X和event.clientX的区别分析
Oct 06 Javascript
javascript检测对象中是否存在某个属性判断方法小结
May 19 Javascript
jquery实现人性化的有选择性禁用鼠标右键
Jun 30 Javascript
jQuery实现3D文字特效的方法
Mar 10 Javascript
TinyMCE汉化及本地上传图片功能实例详解
May 31 Javascript
JavaScript实现的select点菜功能示例
Jan 16 Javascript
Javascript实现找不同色块的游戏
Jul 17 Javascript
详解VS Code使用之Vue工程配置format代码格式化
Mar 20 Javascript
小程序卡片切换效果组件wxCardSwiper的实现
Feb 13 Javascript
vscode+gulp轻松开发小程序的完整步骤
Oct 18 Javascript
JS的深浅复制详细
Oct 16 Javascript
基于脚手架创建Vue项目实现步骤详解
Aug 03 #Javascript
解决Vue的项目使用Element ui 走马灯无法实现的问题
Aug 03 #Javascript
vue-quill-editor 自定义工具栏和自定义图片上传路径操作
Aug 03 #Javascript
浅谈vue中使用编辑器vue-quill-editor踩过的坑
Aug 03 #Javascript
Vue 实现对quill-editor组件中的工具栏添加title
Aug 03 #Javascript
简单了解three.js 着色器材质
Aug 03 #Javascript
Element InputNumber 计数器的实现示例
Aug 03 #Javascript
You might like
PHP与MySQL交互使用详解
2006/10/09 PHP
php feof用来识别文件末尾字符的方法
2010/08/01 PHP
php提示undefined index的几种解决方法
2012/05/21 PHP
thinkphp 一个页面使用2次分页的实现方法
2013/07/15 PHP
php日历制作代码分享
2014/01/20 PHP
thinkphp实现面包屑导航(当前位置)例子分享
2014/05/10 PHP
PHP中require和include路径问题详解
2014/12/25 PHP
php判断并删除空目录及空子目录的方法
2015/02/11 PHP
WordPress网站性能优化指南
2015/11/18 PHP
yii2中LinkPager增加总页数和总记录数的实例
2017/08/28 PHP
Js+Dhtml:WEB程序员简易开发工具包(预先体验版)
2006/11/07 Javascript
jquery动画4.升级版遮罩效果的图片走廊--带自动运行效果
2012/08/24 Javascript
JS控件ASP.NET的treeview控件全选或者取消(示例代码)
2013/12/16 Javascript
javascript操作referer详细解析
2014/03/10 Javascript
jQuery检查事件是否触发的方法
2015/06/26 Javascript
基于JavaScript实现树形下拉框
2016/08/10 Javascript
JS实现一个简单的日历
2017/02/22 Javascript
node.js 抓取代理ip实例代码
2017/04/30 Javascript
JS实现求字符串中出现最多次数的字符和次数示例
2019/07/05 Javascript
如何在JavaScript中创建具有多个空格的字符串?
2020/02/23 Javascript
JavaScript利用键盘码控制div移动
2020/03/19 Javascript
详解小程序横屏方案对比
2020/06/28 Javascript
[38:32]完美世界DOTA2联赛循环赛 Forest vs DM 第二场 11.06
2020/11/06 DOTA
Python数据分析之真实IP请求Pandas详解
2016/11/18 Python
在Python程序员面试中被问的最多的10道题
2017/12/05 Python
python 实时得到cpu和内存的使用情况方法
2018/06/11 Python
如何利用Pyecharts可视化微信好友
2019/07/04 Python
使用Python串口实时显示数据并绘图的例子
2019/12/26 Python
PyCharm2019.3永久激活破解详细图文教程,亲测可用(不定期更新)
2020/10/29 Python
python 爬虫之selenium可视化爬虫的实现
2020/12/04 Python
美国潜水装备、水肺潜水和浮潜设备商店:Leisure Pro
2018/08/08 全球购物
嘉年华活动新闻稿
2015/07/17 职场文书
2015年工商局个人工作总结
2015/07/23 职场文书
运动会口号霸气押韵
2015/12/24 职场文书
2016年先进班集体事迹材料
2016/02/26 职场文书
vue elementUI表格控制对应列
2022/04/13 Vue.js