JavaScript系列之逻辑运算符


1、概念

逻辑运算符是用来进行布尔值运算的运算符,其返回值也是布尔值。后面开发中经常用于多个条件的判断

2、分类

2.1、逻辑与(&&)

2.1.1、概述

一组操作数的逻辑与(&&)操作符(逻辑合取)当且仅当其所有操作数为真时为真。它通常与布尔(逻辑)值一起使用。如果是,则返回一个布尔值。但是,&&操作符实际上返回一个指定操作数的值,所以如果该操作符与非布尔值一起使用,它将返回一个非布尔值。

2.1.2、语法

expr1 && expr2

2.1.3、描述

如果expr1为true,则返回expr2;否则,返回expr1。

转换为false的表达式有
null;
NaN;
0;
空字符串;
undefined;

2.1.4、示例

a1 = true && true; // t && t returns true
a2 = true && false; // t && f returns false
a3 = false && true; // f && t returns false
a4 = false && 3 == 4; // f && f returns false
a5 = "Cat" && "Dog"; // t && t returns "Dog"
a6 = false && "Cat"; // f && t returns false
a7 = "Cat" && false; // t && f returns false
a8 = "" && false; // f && f returns ""
a9 = false && ""; // f && f returns false

2.2、逻辑或(||)

2.2.1、概述

逻辑OR(||)操作符当且仅当其中一个或多个操作数为真时为真。它通常与布尔(逻辑)值一起使用。如果是,则返回一个布尔值。但是,||操作符实际上返回一个指定操作数的值,因此如果该操作符与非布尔值一起使用,它将返回一个非布尔值。

2.2.2、语法

expr1 || expr2

2.2.3、描述

如果expr1可以转换为true,则返回expr1;否则;返回expr2。

2.2.4、示例

o1 = true || true; // t || t returns true
o2 = false || true; // f || t returns true
o3 = true || false; // t || f returns true
o4 = false || 3 == 4; // f || f returns false
o5 = "Cat" || "Dog"; // t || t returns "Cat"
o6 = false || "Cat"; // f || t returns "Cat"
o7 = "Cat" || false; // t || f returns "Cat"
o8 = "" || false; // f || f returns false
o9 = false || ""; // f || f returns ""
o10 = false || varObject; // f || object returns varObject

2.3、逻辑非(!)----取反运算符

2.3.1、概述

(!)运算符将真与假转换,反之亦然。它通常与布尔(逻辑)值一起使用。当与非布尔值一起使用时,如果其单个操作数可以转换为true,则返回false;否则,返回true。

2.3.2、语法

!expr

2.3.3、描述

如果其单个操作数可以转换为true,则返回false;否则,返回true。

2.3.4、示例

var isOk = !true;
console.log(isOk); // false

3、短路运算(逻辑中断)

短路运算的原理:当有多个表达式(值)时,左边的表达式值可以确定结果时,就不再继续运算右边的表达式的值;

3.1、逻辑与(&&)

语法: 表达式1 && 表达式2

  • 如果第一个表达式的值为真,则返回表达式2
  • 如果第一个表达式的值为假,则返回表达式1
console.log(123 && 456); // 456
console.log(0 && 456); // 0
console.log(123 && 456 && 789); // 789

3.2、逻辑或(||)

语法: 表达式1 || 表达式2

  • 如果第一个表达式的值为真,则返回表达式1
  • 如果第一个表达式的值为假,则返回表达式2
console.log(123 || 456); //  123
console.log(0 || 456); //  456
console.log(123 || 456 || 789); //  123

后记

如果你感觉文章不咋地//(ㄒoㄒ)//,就在评论处留言,作者继续改进;o_O???
如果你觉得该文章有一点点用处,可以给作者点个赞;\\*^o^*//
如果你想要和作者一起进步,可以微信扫描二维码,关注前端老L~~~///(^v^)\\\~~~
谢谢各位读者们啦(^_^)∠※!!!

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_62277266/article/details/125590307