js 里面的 || 和 &&

最新推荐文章于 2024-06-20 16:58:18 发布

原创最新推荐文章于 2024-06-20 16:58:18 发布 · 214 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

37 篇文章

订阅专栏

本文详细解析了JavaScript中逻辑运算符“&&”、“||”和“！”的工作原理及使用技巧，包括运算符的短路特性，以及数值在逻辑运算中的表现。

<!DOCTYPE html> 
<html lang="en"> 
<head> 
  <meta charset="UTF-8"> 
  <title>demo</title> 
  <script> 
    console.log( 5 && 4 );//当结果为真时，返回第二个为真的值4 
    console.log( 0 && 4 );//当结果为假时，返回第一个为假的值0 
    console.log( 5 || 4 );//当结果为真时，返回第一个为真的值5 
    console.log( 0 || 1 );//当结果为假时，返回第二个为假的值1 
    console.log((3||2)&&(5||0));//5 
    console.log(!5);//false 
  </script> 
</head> 
<body> 
  
</body> 
</html>

1.&&

1.1两边条件都为true时，结果才为true；
1.2如果有一个为false，结果就为false；
1.3当第一个条件为false时，就不再判断后面的条件

注意：当数值参与逻辑与运算时，结果为true，那么会返回的会是第二个为真的值；如果结果为false，返回的会是第一个为假的值。

2.||

2.1只要有一个条件为true时，结果就为true；
2.2当两个条件都为false时，结果才为false；
2.3当一个条件为true时，后面的条件不再判断

注意：当数值参与逻辑或运算时，结果为true，会返回第一个为真的值；如果结果为false，会返回第二个为假的值；

3.！

3.1当条件为false时，结果为true；反之亦然。