美文网首页
JavaScript - 逻辑运算符&&和||

JavaScript - 逻辑运算符&&和||

作者: ElricTang | 来源:发表于2019-10-13 17:14 被阅读0次

一. 逻辑与&&(短路操作符,操作数1为false时不执行操作数2)

情况 返回值
false && 操作数2 返回操作数1,不执行操作数2
true && 操作数2 返回操作数2
  • 注意:false和true是指操作数经过转换之后的布尔值,也就是说操作数可以是所有类型。
  • 只有6种情况会被判断为false(undefined、null、空字符串、NaN、false、0),如果操作数1是这六种情况,那么直接返回操作数1。
逻辑与&&例子 结果
undefined && 4 undefined
null && 4 null
'' && 4 ""
0 && 4 0
NaN && 4 NaN
false && 4 false
  • 逻辑与操作符可用于简写if判断
function check(num){  
    (num > 10) && num++; 
    return num;   
}
console.log(check(11));// 12
console.log(check(9));// 9

二. 逻辑或||(也是短路操作符,操作数1为true时不执行操作数2)

情况 返回值
false || 操作数2 返回操作数2
true || 操作数2 返回操组数1,不执行操作数2
  • 注意:这里的false和true同样是经过转换后的布尔值,详细见上面6种情况。
逻辑或||例子 结果
undefined || 4 4
null || 4 4
'' || 4 4
0 || 4 0
NaN || 4 4
false || 4 4
  • 逻辑或操作符可用于设置参数默认值(很多经典书籍常用的方法)
function show(x){
     return x || 10;
}
console.log(show(1));// 1
console.log(show());// 10

三. 综合例子(注意,&&优先级大于||

  1. 0 && 2 || 1
    结果为1。
    第一步:执行0 && 20 被判断为false,直接返回0
    第二步:执行0 || 10被判断为false,返回1
  2. 1 || 0 && 2
    结果为1.
    第一步:逻辑与运算优先级高,先执行0 && 20 被判断为false,直接返回0
    第二步:执行1 || 01被判断为true,直接返回1
  3. 1 && 0 || 2 && 0
    结果为0。
    第一步:执行1 && 01被判断为true,直接返回0
    第二步:逻辑与运算优先级高,先执行2 && 02被判断为true,直接返回0
    第三步:执行0 || 0,返回0

相关文章

  • JavaScript逻辑运算符与赋值运算符

    逻辑运算符 JavaScript中有三个逻辑运算符,&&与、||或、!非。 JavaScript 中的逻辑运算符可...

  • runoob js第三天

    JavaScript 比较 和 逻辑运算符 比较和逻辑运算符用于测试 true 或者 false。比较运算符x=5...

  • 运算符(操作符)

    1. 运算符的分类 JavaScript中常用的运算符有: 算数运算符 递增和递减运算符 比较运算符 逻辑运算符 ...

  • 短路运算

    以下代码讲述javascript逻辑运算符&&和||短路运算的执行结果和总结。

  • JavaScript运算符

    在JavaScript中,常见的运算符有算数运算符、比较运算符和逻辑运算符。 " + "号也可以用来连接字符串 “...

  • 03-JavaScript运算符

    JavaScript运算符 和数学的运算符一样,JavaScript中的运算符是告诉程序执行特定算术或逻辑操作的符...

  • review javascript 27:JS运算符

    JavaScript 运算符主要包括:· 算术运算符· 赋值运算符· 比较运算符· 三元运算符· 逻辑运算符· 字...

  • javascript逻辑运算符“||”和“&&”

    javascript逻辑运算符“||”和“&&” 一、先来说说||(逻辑或),从字面上来说,只有前后都是false...

  • 05-JavaScript运算符

    运算符基本概念 JavaScript运算符的概念和C语言一样, 都是告诉程序执行特定算术或逻辑操作的符号。 运算符...

  • 原来逻辑运算符的原理是这样的

    一、JavaScript里的逻辑运算符有“&&”、“||”和“!”,分别是“与”、“或”、“非”,经常出现在if语...

网友评论

      本文标题:JavaScript - 逻辑运算符&&和||

      本文链接:https://www.haomeiwen.com/subject/fetkmctx.html