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

前言

首先需要知道的是，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 "color: #ff0000">"||"


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;


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