JavaScript布尔运算符原理使用解析
布尔运算符分为四种:
- 取反运算符(!)
- 且运算符(&&)
- 或运算符(||)
- 三元运算符( ? 表达式1 : 表达式2 )
取反运算符(!)
用于将任何值转换为布尔值后再变为相反值,即true变false,false变true
取反运算符对以下六个值返回false,其余都返回true:
- undefined
- null
- ''
- false
- 0
- NaN
如果对一个值取反两次,则相当于将其转换为了布尔值,与Boolean()函数的作用相同
!!1 等同于Boolean('1')
且运算符(&&)
且运算符用于多个表达式: 表达式1 && 表达式2
运算规则: 如果第一个运算子返回true,则返回第二个运算子的值(不是布尔值);如果第一个运算子返回false,则返回第一个运算子,且不再对第二个运算子求值(短路)
// 'a'转换为boolean为true,所以直接返回第二个运算子''
'a' && ''// ''转换为boolean为false,所以直接返回第一个运算子 ''
'' && 'a'
或运算符(||)
或运算符也用于多个表达式的值
运算规则: 如果第一个运算子的布尔值为true,则直接返回第一个运算子的值;如果第一个运算子的布尔值为false,则返回第二个运算子的值
// ''的布尔值为false,所以这里返回'b'
'' || 'b'
// 'b'的布尔值为true,所以这里返回'b'
'b' || ''
或运算符常用语为一个变量设置默认值
三元运算符
表达式1 ? 表达式2 : 表达式3;
如果表达式1的布尔值为true,则返回表达式2;如果表达式1的布尔值为false,则返回表达式3
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。
相关推荐
-
javascript的delete运算符知识点总结
delete是一元操作符,它用来删除对象属性或者数组元素.就像 赋值.递增.递减运算符一样,delete也是具有副作用的,它是用来做删除操作的,不是用来返回一个值的,例如: var o = { x: 1, y: 2}; // 定义一个对象 delete o.x; // 删除一个属性 "x" in o // => false:这个属性在对象中不再存在 var a = [1,2,3]; // 定义一个数组 delete a[2]; // 删除最后一个数组元素 2 in a; // =
-
详解JavaScript中的Object.is()与"==="运算符总结
三重相等运算符 === 严格检查2个值是否相同: 1 === 1; // => true 1 === '1'; // => false 1 === true; // => false 但是,ES2015规范引入了 Object.is(),其行为与严格的相等运算符几乎相同: Object.is(1, 1); // => true Object.is(1, '1'); // => false Object.is(1, true); // => false 主要问题是:什么时
-
JavaScript中展开运算符及应用的实例代码
展开运算符(spread operator)允许一个表达式在某处展开.展开运算符在多个参数(用于函数调用)或多个元素(用于数组字面量)或者多个变量(用于解构赋值)的地方可以使用. let obj1 = { value1: 1, value2: 2 }; let obj2 = {...obj1 }; console.log(obj2); // {value1: 1, value2: 2} 上面的用法实际相当于 obj2 = {value1: 1, value2: 2} 展开运算符的写法与obj2
-
原生js中运算符及流程控制示例详解
运算符 算数:+ 加.- 减.* 乘./ 除.% 求模 赋值:=.+=.-=.*=./=.%= 关系:>.<. >=. <=. ==. ===. !=. !== 逻辑:||或.&&与.!否 实例1.求模 window.onload = function(){ alert(0%2) //0 alert(1%2) //1 alert(2%2) //0 } 实例2.隔行变色 <body> <ol> <li>取模:就是求余数</li
-
js表达式与运算符简单操作示例
本文实例讲述了js表达式与运算符简单操作.分享给大家供大家参考,具体如下: /** * Created by Administrator on 2017/12/14. * 表达式与运算符 */ //1.基本表达式 加减乘除 var a = 4; a = 7/6; var b = (a + 4)/2; console.log(a); console.log(b); console.log("=========="); //end //2.比较运算符 == != > < >
-
分享几个JavaScript运算符的使用技巧
ECMAScript发展进程中,会有很多功能的更新,比如销毁,箭头功能,模块,它们极大的改变JavaScript编写方式,可能有些人喜欢,有些人不喜欢,但像每个新功能一样,我们最终会习惯它们.新版本的ECMAScript引入了三个新的逻辑赋值运算符:空运算符,AND和OR运算符,这些运算符的出现,也是希望让我们的代码更干净简洁,下面分享几个优雅的JavaScript运算符使用技巧 一.可选链接运算符[?.] 可选链接运算符(Optional Chaining Operator) 处于ES2020
-
JS运算符优先级与表达式示例详解
前言 运算符优先级决定了表达式中运算执行的先后顺序,优先级越高的运算符会先执行. 运算符优先级 很多时候由于对运算符优先级的不确定,会用括号来确保表达式的执行顺序.如果搞清楚运算符的优先级,即使不用括号也能确保表达式按照正确的顺序执行. 其实单纯靠运算符的优先级来确定表达式的执行过程并不是一个绝对稳妥的做法,比如 new a()['b'] 这样的表达式就没法套用运算符优先级.当然一般情况下,绝大多数表达式我们都可以利用运算符优先级来判断,如果确实遇到比较复杂的难以直观判断出来的情况还是要查询 E
-
JavaScript逻辑运算符相关总结
前言 关于 JavaScript 中的逻辑运算符,我们经常使用却可能不知道它的一些机制和用法. 机制 首先我们需要知道几种逻辑运算符的优先级是不同的(关于完整的运算符优先级,看运算符优先级),逻辑非>逻辑与>逻辑或>条件运算符(三目运算符).运算顺序条件运算符是从右向左,而逻辑与和逻辑或都是从左向右. //表达式的优先级导致结果不同 false && true || true // 结果为 true false && (true || true) // 结
-
JS运算符简单用法示例
本文实例讲述了JS运算符简单用法.分享给大家供大家参考,具体如下: js中的运算符 算术运算符:+,-,*,/,% 逻辑运算符:&,&&,|,||,! 自增运算符:++,--,+=,-= 关系运算符:<,>,=,<=,>=,!= 等于运算符:==,=== instance: <html> <head> <title>js运算符</title> <meta charset="UTF-8"
-
JavaScript中使用Spread运算符的八种方法总结
Spread运算符 允许从 iterable 表达式(如另一个数组文本)初始化部分数组文本,或允许表达式扩展到多个参数(在函数调用中). 语法 var array = [[arg0ToN ,] ...iterable [, arg0ToN]] func([args ,] ...iterable [, args | ...iterable]) 参数 iterable 必需. 迭代对象. arg0ToN 可选. 数组文本的一个或多个元素. args 可选. 函数的一个或多个参数. 本文将带大家了解如
随机推荐
- 正则表达式\w元字符使用介绍
- jsp获取客户端IP地址的方法
- 基于vue.js实现图片轮播效果
- JavaScript异步加载浅析
- Java对象的XML序列化与反序列化实例解析
- iOS开发之tableView点击下拉扩展与内嵌collectionView上传图片效果
- Objective-C中类和方法的定义以及协议的使用
- VMware中ubuntu虚拟机与windows的端口映射共享一个IP地址的设置教程(图文教程)
- javascript删除option选项的多种方法总结
- js实现网页定位导航功能
- javascript中Math.random()使用详解
- JS扩展方法实例分析
- PHP中file_get_contents函数抓取https地址出错的解决方法(两种方法)
- Android View移动的3种方式总结
- bootstrap table插件的分页与checkbox使用详解
- JavaScript解析JSON格式数据的方法示例
- Redis的11种Web应用场景简介
- eclipse 如何创建 user library 方法详解
- jquery remove方法应用详解
- js-穷举法 (y0h)