js中bool值的转换及“&&”、“||”、 “!!”详解


Posted in Javascript onDecember 21, 2017

前言

首先需要知道的是,js中有6个值为false,分别是: 0, '', null, undefined, NaN 和 false, 其他(包括{}, [], Infinity)为true.

可以使用Boolean()函数或是两次取非就能获得对象的布尔值,例如Boolean(undefined)和!!undefined同样能取得布尔值false,

对于0, '', null, undefined, NaN,{}, [], Infinity求布尔值,分别是false false false false false true true true.

因此我们知道的一点是:对象的布尔值是true,即使是对象{}。

bool值转换

数据类型 bool值转化
undefined undefined 转化为 false
Object null 转化为false,其他为 true
Boolean false 转化为 false,true 转化为 true
Number 0,NaN 转化为false,其他为 true
String "" 转化为 false,其他为 true

"&&"

javascript中“&&”运算符运算法则如下:

如果&&左侧表达式的值为真值,则返回右侧表达式的值;否则返回左侧表达式的值。多个&&表达式一起运算时,返回第一个表达式运算为false的值,如果所有表达式运算结果都为true,则返回最右侧一个表达式运算的值。

const aa = {'name': 'xx'};
const bb = aa && aa.age; // bb输出为undefined;
let cc;
const dd = cc && cc.name ? cc.name : undefined; // dd输出为undefined
const dd = cc && cc.name; // dd输出为undefined;

上面两句代码的执行结果是一样的,之前写代码的时候一直用上面的方式,但是发现有些单测覆盖不到,导致单测分支覆盖率很低,换下面的方式就可以很好的解决这个问题,这两句的效果是一样的。

"||"

javascript中"||"运算符的运算法则如下:

如果"||"左侧表达式的值为真值,则返回左侧表达式的值;否则返回右侧表达式的值。多个"||"表达式一起运算时,返回第一个表达式运算结果为true的值,如果所有表达式运算结果都为false,否则返回最右侧的表达式的值。

const aa = false || 'xx'; // aa输出为'xx'

"!!"

"!!"将表达式进行强制转化为bool值的运算,运算结果为true或者false。

const aa = 'xx';
const bb = !!aa; // bb输出为true
const cc = !!(NaN || undefined || null || 0 || '' ); // cc为false;

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
js类中获取外部函数名的方法
Aug 19 Javascript
jQuery实现异步获取json数据的2种方式
Aug 29 Javascript
win7下安装配置node.js+express开发环境
Dec 06 Javascript
JavaScript模拟数组合并concat
Mar 06 Javascript
jQuery Select下拉框操作小结(推荐)
Jul 22 Javascript
用JS写的一个Ajax库(实例代码)
Aug 06 Javascript
input框中自动展示当前日期yyyy/mm/dd的实现方法
Jul 06 Javascript
浅谈sass在vue注意的地方
Aug 10 Javascript
JavaScript使用prototype原型实现的封装继承多态示例
Aug 31 Javascript
jquery获取元素到屏幕四周可视距离的方法
Sep 05 jQuery
写一个Vue loading 插件
Nov 09 Javascript
javascript对象3个属性特征
Nov 17 Javascript
利用node实现一个批量重命名文件的函数
Dec 21 #Javascript
详解webpack3编译兼容IE8的正确姿势
Dec 21 #Javascript
利用vue开发一个所谓的数独方法实例
Dec 21 #Javascript
开发Vue树形组件的示例代码
Dec 21 #Javascript
详解使用vuex进行菜单管理
Dec 21 #Javascript
Angular5.1新功能分享
Dec 21 #Javascript
vue2中的keep-alive使用总结及注意事项
Dec 21 #Javascript
You might like
MySQL 日期时间函数常用总结
2012/06/12 PHP
完美解决:Apache启动问题―(OS 10022)提供了一个无效的参数
2013/06/08 PHP
页面乱码问题的根源及其分析
2013/08/09 PHP
PHP 双链表(SplDoublyLinkedList)简介和使用实例
2015/05/12 PHP
gearman管理工具GearmanManager的安装与php使用方法示例
2020/02/27 PHP
jQuery 学习 几种常用方法
2009/06/11 Javascript
location.href语句与火狐不兼容的问题
2010/07/04 Javascript
JavaScript学习历程和心得小结
2010/08/16 Javascript
JQuery分别取得每行最后一列和最后一行的示例代码
2013/08/18 Javascript
js实现带搜索功能的下拉框实时搜索实时匹配
2013/11/05 Javascript
js中文逗号转英文实现
2014/02/11 Javascript
jQuery截取指定长度字符串的实现原理及代码
2014/07/01 Javascript
JS文字球状放大效果代码分享
2015/08/19 Javascript
使用jQuery制作遮罩层弹出效果的极简实例分享
2016/05/12 Javascript
Django与Vue语法的冲突问题完美解决方法
2017/12/14 Javascript
jQuery实现右侧抽屉式在线客服功能
2017/12/25 jQuery
JavaScript实现简单的弹窗效果
2020/05/19 Javascript
[03:57]DOTA2英雄梦之声_第03期_幻影刺客
2014/06/21 DOTA
selenium+python实现自动化登录的方法
2018/09/04 Python
Python爬虫常用库的安装及其环境配置
2018/09/19 Python
Python发送邮件测试报告操作实例详解
2018/12/08 Python
Django项目后台不挂断运行的方法
2019/08/31 Python
如何为Python终端提供持久性历史记录
2019/09/03 Python
Django Form设置文本框为readonly操作
2020/07/03 Python
python从PDF中提取数据的示例
2020/10/30 Python
加拿大便宜的隐形眼镜商店:Clearly
2016/09/15 全球购物
实习护理工作自我评价
2013/09/25 职场文书
机电一体化专业应届本科生求职信
2013/09/27 职场文书
运动会入场词200字
2014/02/15 职场文书
计算机多媒体专业自荐信
2014/07/04 职场文书
装修施工安全责任书
2014/07/24 职场文书
2014年师德师风自我剖析材料
2014/09/27 职场文书
高校教师个人工作总结2014
2014/12/17 职场文书
委托书的样本
2015/01/28 职场文书
辞职信的写法
2015/02/27 职场文书
导游词之阳朔遇龙河
2019/12/16 职场文书