浅谈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 相关文章推荐
jquery下json数组的操作实现代码
Aug 09 Javascript
jquery选择器之层级过滤选择器详解
Jan 27 Javascript
Javascript Objects详解
Sep 04 Javascript
js+css绘制颜色动态变化的圈中圈效果
Jan 27 Javascript
星期几的不同脚本写法(推荐)
Jun 01 Javascript
Angular.Js的自动化测试详解
Dec 09 Javascript
javascript 取小数点后几位几种方法总结
Aug 02 Javascript
ECMAScript6变量的解构赋值实例详解
Sep 19 Javascript
JS实现的定时器展示简单秒表、页面弹框及跳转操作完整示例
Jan 26 Javascript
js 获取本周、上周、本月、上月、本季度、上季度的开始结束日期
Feb 01 Javascript
react 不用插件实现数字滚动的效果示例
Apr 14 Javascript
js实现星星打分效果
Jul 05 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 八种基本的数据类型小结
2011/06/01 PHP
Twig模板引擎用法入门教程
2016/01/20 PHP
PHP中文字符串截断无乱码解决方法
2016/10/10 PHP
PHP面向对象程序设计方法实例详解
2016/12/24 PHP
出现“不能执行已释放的Script代码”错误的原因及解决办法
2007/08/29 Javascript
JS 时间显示效果代码
2009/08/23 Javascript
javascript中不等于的代码是什么怎么写
2013/12/29 Javascript
javascript/jquery获取地址栏url参数的方法
2014/03/05 Javascript
JavaScript多线程详解
2015/08/12 Javascript
vue实现全选、反选功能
2020/11/17 Javascript
angularjs性能优化的方法
2018/09/05 Javascript
vscode配置vue下的es6规范自动格式化详解
2019/03/20 Javascript
Angular8基础应用之表单及其验证
2019/08/11 Javascript
JavaScript简易计算器制作
2020/01/17 Javascript
Vue-Ant Design Vue-普通及自定义校验实例
2020/10/24 Javascript
[01:08]DOTA2次级职业联赛 - Shield战队宣传片
2014/12/01 DOTA
常见的python正则用法实例讲解
2016/06/21 Python
python中map()函数的使用方法示例
2017/09/29 Python
Python 多核并行计算的示例代码
2017/11/07 Python
python实现简单俄罗斯方块
2020/03/13 Python
如何基于Django实现上下文章跳转
2020/09/16 Python
python zip()函数的使用示例
2020/09/23 Python
python二维图制作的实例代码
2020/12/03 Python
python之openpyxl模块的安装和基本用法(excel管理)
2021/02/03 Python
使用html2canvas实现浏览器截图的示例代码
2018/01/26 HTML / CSS
HTML5和CSS3实例教程总结(推荐)
2016/07/18 HTML / CSS
吃透移动端 1px的具体用法
2019/12/16 HTML / CSS
Aerosoles爱柔仕官网:美国舒软女鞋品牌
2017/07/17 全球购物
Move Free官方海外旗舰店:美国骨关节健康专业品牌
2017/12/06 全球购物
Internet主要有哪些网络群组成
2015/12/24 面试题
客服服务心得体会
2013/12/30 职场文书
遗体告别仪式答谢词
2014/01/23 职场文书
商务助理求职信范文
2014/04/20 职场文书
软件测试专业推荐信
2014/09/18 职场文书
2014年工作总结与下年工作计划
2014/11/27 职场文书
初中运动会闭幕词范本3篇
2019/12/09 职场文书