JS 与（ && 逻辑与）或（ || 逻辑或）详解

矫情吗；* 2022-11-02 11:50 188阅读 0赞

## && 逻辑与 ##

逻辑与的运算规则

console.log(true && true);   // true
    console.log(true && false);  // false
    console.log(false && true);  // false
    console.log(false && false); // false

console.log( 1 && 2 );  // 2
    console.log( 1 && 0 );  // 0
    console.log( 0 && 1 );  // 0
    console.log( 0 && '');  // 0

**结论  
1、只要 “&&” 前面false，不管 “&&” 后面为true或者false，则都返回 “&&” 前面的值。  
2、只要 “&&” 前面true，不管 “&&” 后面为true或者false，则都返回 “&&” 后面的值。**

<table> 
 <thead> 
  <tr> 
   <th>a 为真还是假</th> 
   <th>b 为真还是假</th> 
   <th>返回 a 还是 b</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>a = true</td> 
   <td>b = true</td> 
   <td>返回 b</td> 
  </tr> 
  <tr> 
   <td>a = true</td> 
   <td>b = false</td> 
   <td>返回 b</td> 
  </tr> 
  <tr> 
   <td>a = false</td> 
   <td>b = true</td> 
   <td>返回 a</td> 
  </tr> 
  <tr> 
   <td>a = false</td> 
   <td>b = false</td> 
   <td>返回 a</td> 
  </tr> 
 </tbody> 
</table>

逻辑或的运算规则

console.log(true || true);   // true
    console.log(true || false);  // true
    console.log(false || true);  // true
    console.log(false || false); // false

console.log( 1 || 2); // 1
    console.log( 1 || 0); // 1
    console.log( 0 || 1); // 1
    console.log('' || 0); // 0

**结论  
1、只要 “||” 前面false，不管 “||” 后面为true或者false，则都返回 “||” 后面的值。  
2、只要 “||” 前面true，不管 “||” 后面为true或者false，则都返回 “||” 前面的值。**

<table> 
 <thead> 
  <tr> 
   <th>a 为真还是假</th> 
   <th>b 为真还是假</th> 
   <th>返回 a 还是 b</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>a = true</td> 
   <td>b = true</td> 
   <td>返回 a</td> 
  </tr> 
  <tr> 
   <td>a = true</td> 
   <td>b = false</td> 
   <td>返回 a</td> 
  </tr> 
  <tr> 
   <td>a = false</td> 
   <td>b = true</td> 
   <td>返回 b</td> 
  </tr> 
  <tr> 
   <td>a = false</td> 
   <td>b = false</td> 
   <td>返回 b</td> 
  </tr> 
 </tbody> 
</table>