&&和||的操作符妙用(javascript)

本文详细探讨了JavaScript中逻辑与(&&),逻辑或(||)运算符的特性与使用技巧。介绍能够转换为false的表达式类型,如null、NaN、0、空字符串及undefined,并通过控制台测试代码演示其短路运算原理。此外,文章还展示了如何利用这些运算符进行非布尔型操作数的运算,提供了丰富的示例。

前言

&&逻辑与和||逻辑或,它们既可以返回一个布尔值,又可以返回指定操作数的值,这个值是非布尔型的。

MDN api参考

Section1 布尔运算

首先,我们明确一下基础知识。

能够转换为false的表达式有:

  • null
  • NaN
  • 0
  • 空字符串("");
  • undefined

控制台测试代码:

同时,要注意,空数组转换为布尔值,是true哦。

那么接下来,我们看它们的运算规则,逻辑表达式是从左往右计算,它们都是短路运算的操作符。短路运算的原理当有多个表达式时,左边的表达式值可以确定结果时,就不再继续运算右边的表达式的值。如下:

  • false && (anything) 短路计算的结果为假。
  • true || (anything) 短路计算的结果为真。

 逻辑与&&运算符的示例:

最后一个示例,如果第一个值是false,那么直接返回false。

  逻辑或||运算符的示例:

最后一个示例,如果第一个值是true,那么直接返回true。

Section2 返回指定操作数

 基本的布尔操作完了之后,我们来看一看&&和||的进阶用法。这基于它们能做非布尔型操作数的运算。

逻辑与&&示例

第一个操作数转换后的逻辑值为true,那么返回第二个操作数的值。如果第一个操作数转换后的逻辑值为False,当前直接返回第一个操作数。

如果有多个操作数呢,当然是从左到右一个一个计算。

逻辑或||示例

如果第一个操作数的逻辑值为true,那么返回第一个操作数。如果第一个操作数的逻辑值为False,那么返回第二个操作数

 

 

 


转载于:https://www.cnblogs.com/chenmeng2062/p/9952582.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值