js && || 运算符

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js && || 运算符相关的知识,希望对你有一定的参考价值。

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 就不会计算后面。
  • && 运算符优先级高于 ||。
  • && 、|| 都是返回最后执行的那部分表达式。

以上是关于js && || 运算符的主要内容,如果未能解决你的问题,请参考以下文章

JS中&&和||的理解

js运算符 && 与 || 的用法

泛谈JS逻辑判断选择器 || &&

js中三目运算符和&& || 符的个人浅见

js中的短路运算符

JS中短路运算符&&和||