js && || 运算符

Posted 2020-08-10

2019年清明三天假，终于有时间写写，昨天有同事问我关于逻辑运算符 &&（逻辑与） || （逻辑或） 运算符，看来很多人基础还是比较薄弱，今天就写写&& || 运算符基础。

前言

当存在 && 和 || 表达式时，两边都会转化为布尔类型（Boolean），然后再进行运算。

在js逻辑运算中，0、‘‘、null、false、undefined、NaN都会转为false，其他都为true。 

&& 运算符优先级高于 ||。

1、&& 运算符

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

注意：

当数值参与逻辑与运算时，结果为true，那么会返回的会是第二个为真的值。

如果结果为false，返回的会是第一个为假的值。

2、|| 运算符

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

注意：

当数值参与逻辑或运算时，结果为true，会返回第一个为真的值。

如果结果为false，会返回第二个为假的值。

3、demo

1 && 2 && 0 && 1 || 3 && 1 || 2  // 1

1 && 2 && 0 && (1 || 3) && 1 || 2  // 2

null && 2 && ‘‘ && (1 || 3) && 1 || 2 && ‘‘ // ""

其实非常简单，只要根据转为boolean的规则，然后看最后一步执行了什么就返回什么。

总结

•  &&、||、！ 运算符都会把两边的转为boolean 类型。
• ‘‘、null、underfined、NaN、0、false 这6个都会转为false，其余会转为true。
• && 、|| 都是是短路操作符，&& 只要第一个是false 就不会计算后面，|| 只要第一个是true 就不会计算后面。
• && 运算符优先级高于 ||。
• && 、|| 都是返回最后执行的那部分表达式。