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

浅浅的花香味﹌ 2022-02-20 09:45 264阅读 0赞

首先需要知道的是，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值转换**

<table> 
 <thead> 
  <tr> 
   <th>数据类型</th> 
   <th>bool值转化</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>undefined</td> 
   <td>undefined 转化为 false</td> 
  </tr> 
  <tr> 
   <td>Object</td> 
   <td>null 转化为false，其他为 true</td> 
  </tr> 
  <tr> 
   <td>Boolean</td> 
   <td>false 转化为 false，true 转化为 true</td> 
  </tr> 
  <tr> 
   <td>Number</td> 
   <td>0，NaN 转化为false，其他为 true</td> 
  </tr> 
  <tr> 
   <td>String</td> 
   <td>"" 转化为 false，其他为 true</td> 
  </tr> 
 </tbody> 
</table>

**"&&"**

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

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

const a = {'name': 'xx'};
    const b = a && a.age; // b输出为undefined;
    let c;
    const d = c && c.name ? c.name : undefined; // d输出为undefined
    const d = c && c.name; // d输出为undefined;

**"||"**

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

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

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

**"!!"**

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

const a = 'xx';
    const b = !!a; // b输出为true
    const c = !!(NaN || undefined || null || 0 || '' ); // c为false;