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^)\\\~~~
谢谢各位读者们啦(^_^)∠※！！！