布尔运算符

一、概述
布尔运算符用于将表达式转为布尔值,一共分为四个运算符:

  • 取反运算符!
  • 且运算符&&
  • 或运算符||
  • 三元运算符?:

二、取反运算符:
1、取反运算符用于将布尔值变为相反值,对于非布尔值,取反运算符会将其转为布尔值。

!true //false
!false //true

2、以下六个值取反后为true,其他值都为false。
undefined,null,NaN,0,''(空字符串),false。
三、 且运算符和或运算符
1、且运算符和或运算符往往用于多个表达式的求值。
2、运算规则:

  • 且运算符可以多个连用,这时返回第一个布尔值为false的表达式的值,不再执行后面的表达式。如果所有表达式的布尔值都为true,则返回最后一个表达式的值。
  • 或运算符可以多个连用,这时返回第一个布尔值为true的表达式的值,不再执行后面的表达式。如果所有表达式的布尔值都为false,则返回最后一个表达式的值。

3、短路

var x = 1;
(1 - 1) && ( x += 1) // 0
x // 1

var x = 1;
(1 + 1) || ( x += 1) // 2
x // 1

这种只通过第一个表达式的值,控制是否运行第二个表达式的机制,就称为“短路”(short-cut)。
4、可能的使用

  • 且运算符的"短路"被有些程序员用于取代if结构,比如下面是一段if结构的代码,就可以用且运算符改写。
if (i) {
  doSomething();
}

// 等价于
i && doSomething();

上面代码的两种写法是等价的,但是后一种不容易看出目的,也不容易除错,建议谨慎使用。

  • 或运算符常用于为一个变量设置默认值。
function saveText(text) {
  text = text || '';
  // ...
}

// 或者写成
saveText(this.text || '')

上面代码表示,如果函数调用时,没有提供参数,则该参数默认设置为空字符串。
四、三元运算符
三元条件运算符由问号(?)和冒号(:)组成,分隔三个表达式。它是 JavaScript 语言唯一一个需要三个运算子的运算符。如果第一个表达式的布尔值为true,则返回第二个表达式的值,否则返回第三个表达式的值。

't' ? 'hello' : 'world' // "hello"
0 ? 'hello' : 'world' // "world"

上面代码的t和0的布尔值分别为true和false,所以分别返回第二个和第三个表达式的值。
通常来说,三元条件表达式与if...else语句具有同样表达效果,前者可以表达的,后者也能表达。但是两者具有一个重大差别,if...else是语句,没有返回值;三元条件表达式是表达式,具有返回值。所以,在需要返回值的场合,只能使用三元条件表达式,而不能使用if..else。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 运算符是处理数据的基本方法,用来从现有的值得到新的值。JavaScript 提供了多种运算符,本章逐一介绍这些运算...
    徵羽kid阅读 766评论 0 0
  • 运算符是处理数据的基本方法,用来从现有的值得到新的值。JavaScript 提供了多种运算符,本章逐一介绍这些运算...
    许先生__阅读 689评论 0 3
  • 算术运算符 JavaScript 共提供10个算术运算符,用来完成基本的算术运算。 加法运算符:x + y 减法运...
    guyigg阅读 1,351评论 0 1
  • 前言: 最近在学习javascript中数据类型、运算符,以及运算符优先级等相关基础知识,相对简单、基础但也很重要...
    饥人谷_远方阅读 846评论 0 3
  • 闭好你们的窗子吧 闭好你们的大门吧 别让我进去,别让我进去 别让我进到你们的小屋里 我有着寒冷的体温 我带着一丝悲...
    刘敬一帅哥阅读 238评论 0 1

友情链接更多精彩内容