javascript运算符——逻辑运算符全面解析
前面的话
逻辑运算符对操作数进行布尔运算,经常和关系运算符一样配合使用。逻辑运算符将多个关系表达式组合起来组成一个更复杂的表达式。逻辑运算符分为逻辑非'!'、逻辑与'&&'、逻辑或'||'3种,本文将介绍这三种逻辑运算符
逻辑非
逻辑非操作符由一个叹号(!)表示,可以应用于ECMAScript中的任何值。无论这个值是什么数据类型,这个操作符都会返回一个布尔值。逻辑非操作符首先会将它的操作数转换成一个布尔值,然后再对其求反
逻辑非对操作数转为布尔类型的转换类型与Boolean()转型函数相同,只不过最后再将其结果取反。而如果同时使用两个逻辑非操作符,实际上就会模拟Boolean()转型函数的行为
console.log(!!undefined);//false console.log(!!null);//false console.log(!!0);//false console.log(!!-0);//false console.log(!!NaN);//false console.log(!!'');//false console.log(!!false);//false
console.log(!!{});//true console.log(!![]);//true console.log(!!newBoolean(false));//true console.log(!!false);//false console.log(!!newBoolean(null));//true console.log(!!null);//false
逻辑非运算符常常用于控制循环
//Boolean变量(bFound)用于记录检索是否成功。找到问题中的数据项时,bFound将被设置为true,!bFound将等于false,意味着运行将跳出while循环 varbFound=false; vari=0; while(!bFound){ if(aValue[i]==vSearchValues){ bFound=true; }else{ i++; } }
逻辑与
逻辑与运算符由两个和号(&&)表示,有两个操作数,只有在两个操作数都为true时,结果才返回true,否则返回false
//逻辑与(&&)的真值表 第一个操作数第二个操作数结果 truetruetrue truefalsefalse falsetruefalse falsefalsealse
逻辑与操作可以应用于任何类型的操作数,而不仅仅是布尔值。如果其中一个操作数不是布尔值,则逻辑与操作不一定返回布尔值
逻辑与操作属于短路操作,如果第一个操作数能够决定结果,那么就不会再对第二个操作数求值
对于逻辑与而言,如果第一个操作数是false,则无论第二个操作数是什么值,结果都是false,则返回第一个操作数;如果第一个操作数为true,则结果的真假和第二个操作数的真假相同,则返回第二个操作数
//除了false、undefined、null、+0、-0、NaN、''这7个假值,其余都是真值 console.log('t'&&'');//因为't'是真值,所以返回'' console.log('t'&&'f');//因为't'是真值,所以返回'f' console.log('t'&&1+2);//因为't'是真值,所以返回3 console.log(''&&'f');//因为''是假值,所以返回'' console.log(''&&'');//因为''是假值,所以返回''
vari=1; varresult=(true&&i++); console.log(result,i);//因为true是真值,所以执行i++,i是2,result是1 vari=1; varresult=(false&&i++); console.log(result,i);//因为false是假值,所以不执行i++,i是1,result是false
逻辑与运算符可以多个连用,返回第一个布尔值为false的表达式的值
console.log(true&&'foo'&&''&&4&&'foo'&&true);//''
关系运算符的优先级比逻辑与(&&)和逻辑或(||)的优先级高,所以类似表达式可以直接书写,不用补充圆括号
if(a+1==2&&b+2==3){ //Todo }
可以使用逻辑与运算符来取代if结构
if(a==b){ doSomething(); } //等价于 (a==b)&&doSomething();
逻辑与运算符常常用于回调函数使用中
//若没有给参数a传值,则a为默认的undefined,是假值,所以不执行a(),防止报错,如果给参数a传值,则执行函数a() functionfn(a){ if(a){ a(); } } //等价于 functionfn(a){ a&&a(); }
逻辑或
逻辑或运算符由两个竖线(||)表示,有两个操作数,只有在两个操作数都是false时,结果才返回false,否则返回true
//逻辑或(||)的真值表 第一个操作数第二个操作数结果 truetruetrue truefalsetrue falsetruetrue falsefalsefalse
同样地,逻辑或操作也可以应用于任何类型的操作数,而不仅仅是布尔值。如果其中一个操作数不是布尔值,则逻辑或操作不一定返回布尔值
逻辑或操作也属于短路操作,如果第一个操作数能够决定结果,那么就不会再对第二个操作数求值
对于逻辑或而言,如果第一个操作数是true,则无论第二个操作数是什么值,结果都是true,则返回第一个操作数;如果第一个操作数是fales,则结果的真假和第二个操作数的真假相同,则返回第二个操作数
console.log('t'||'');//因为't'是真值,所以返回"t" console.log('t'||'f');//因为't'是真值,所以返回"t" console.log(''||'f');//因为''是假值,所以返回"f" console.log(''||'');//因为''是假值,所以返回""
vari=1; varresult=(true||i++); console.log(result,i);//因为true是真值,所以不执行i++,result是true,i是1 vari=1; varresult=(false||i++); console.log(result,i);//因为false是假值,所以执行i++,i是2,result是1
同样地,逻辑或运算符也可以多个连用,返回第一个布尔值为true的表达式的值
console.log(false||0||''||4||'foo'||true);//4
逻辑或运算符常用于为变量设置默认值
//如果没有向参数p传入任何对象,则将该参数默认设置为空对象 functionfn(p){ p=p||{}; }
以上就是小编为大家带来的javascript运算符——逻辑运算符全面解析全部内容了,希望大家多多支持毛票票~