继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

JavaScript之运算符(二)

隔江千里
关注TA
已关注
手记 305
粉丝 39
获赞 182

     javascript运算符在工作中的运用可以说是无处不在,而逻辑运算符在其中又在其中占不小的比例。

       逻辑运算符常用于布尔(逻辑)值之间; 当操作数都是布尔值时,返回值也是布尔值。 不过实际上&&和||返回的是一个特定的操作数的值,所以当它用于非布尔值的时候,返回值就可能是非布尔值。

逻辑与&&
1、两边条件都为true时,结果才为true;
2、如果有一个为false,结果就为false;
3、当第一个条件为false时,就不再判断后面的条件

数值参与逻辑与运算时,结果为true,那么会返回的会是第二个为真的值;如果结果为false,返回的会是第一个为假的值。可简略总结为返回第一个是 false 的操作数 或者 最后一个是 true的操作数

console.log( 5 && 4 ); //4  当结果为真时,返回第二个为真的值 console.log( 0 && 4 ); //0 当结果为假时,返回第一个为假的值console.log( a && 4 );//4 console.log('a'&&'3')//3console.log(1 && 2 && 0);  //0console.log(1 && 0 && 1);  //0console.log(1 && 2 && 3);  //3

逻辑或||
1、只要有一个条件为true时,结果就为true;
2、当两个条件都为false时,结果才为false;
3、当一个条件为true时,后面的条件不再判断

数值参与逻辑或运算时,结果为true,会返回第一个为真的值;如果结果为false,会返回第二个为假的值。可简略总结为返回第一个是 true 的操作数 或者 最后一个是 false的操作数

console.log(e||4)  // 4console.log(1 || 2 || 0); //1console.log(0 || 2 || 1); //2console.log(0 || 0 || false); //false

逻辑非!
当条件为false时,结果为true;反之亦然。

console.log(!"")  // truevar d; console.log(!d)  // truevar a=[1,2,3];console.log(!a)  // falsevar b="try";console.log(!b)  // falsevar obj = new Object();console.log(!obj) // falsevar e=[];console.log(!e)  // falsevar f={};console.log(!f)  // false

注意:

(1)空数组([])和空对象({})console.log([] == false) //trueconsole.log({} == false) //falseconsole.log(Boolean([])) //trueconsole.log(Boolean({})) //true
 所以在 if 中,[] 和 {} 都表现为 true (2)在 JavaScript,常见的 false 值:0, '0', +0, -0, false, ''(空字符串),undefined,null,NaN

javascript逻辑运算符的优先级
                             ! > && > ||

var a = true || false && true;   
      var a = true ||  false
      var a = true;

转换
简单罗列两个AND与OR之间的转换
(1)将 AND  转换为 OR

a && b   => !(!a || !b)

(2)将 OR 转换为 AND

a||b  =>  !(!a && !b)



作者:张chuner
链接:https://www.jianshu.com/p/221043a6e9d0


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP