js && || 运算符

痞子三分冷 提交于 2020-02-24 00:31: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 就不会计算后面。
  • && 运算符优先级高于 ||。
  • && 、|| 都是返回最后执行的那部分表达式。
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!