js中bool值的转换及“&&”、“||”、 “!!”详解
前言
首先需要知道的是，js中有6个值为false，分别是:0,'',null,undefined,NaN和false,其他(包括{},[],Infinity)为true.
可以使用Boolean()函数或是两次取非就能获得对象的布尔值，例如Boolean(undefined)和!!undefined同样能取得布尔值false,
对于0,'',null,undefined,NaN，{},[],Infinity求布尔值，分别是falsefalsefalsefalsefalsetruetruetrue.
因此我们知道的一点是：对象的布尔值是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，则返回最右侧一个表达式运算的值。
constaa={'name':'xx'};
constbb=aa&&aa.age;//bb输出为undefined;
letcc;
constdd=cc&&cc.name?cc.name:undefined;//dd输出为undefined
constdd=cc&&cc.name;//dd输出为undefined;
上面两句代码的执行结果是一样的，之前写代码的时候一直用上面的方式，但是发现有些单测覆盖不到，导致单测分支覆盖率很低，换下面的方式就可以很好的解决这个问题，这两句的效果是一样的。
"||"
javascript中"||"运算符的运算法则如下：
如果"||"左侧表达式的值为真值，则返回左侧表达式的值；否则返回右侧表达式的值。多个"||"表达式一起运算时，返回第一个表达式运算结果为true的值，如果所有表达式运算结果都为false，否则返回最右侧的表达式的值。
constaa=false||'xx';//aa输出为'xx'
"!!"
"!!"将表达式进行强制转化为bool值的运算，运算结果为true或者false。
constaa='xx'; constbb=!!aa;//bb输出为true constcc=!!(NaN||undefined||null||0||'');//cc为false;
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对毛票票的支持。