范仁义js课程---15、逻辑运算符
一、总结
一句话总结:
js逻辑运算符 有&&(与) 、||(或)、!(非)
1、js逻辑运算符 &&(与) 的运算规则是什么?
&&两边的结果都是true,结果才是true,否则是false
2、js逻辑运算符 ||(或) 的运算规则是什么?
||两边的结果只要有一个true,结果就是true,只有两个都是false,结果才是false
3、js逻辑运算符 !(非) 的运算规则是什么?
!是取反,true变false,false变true
二、逻辑运算符(课程代码)
博客对应课程的视频位置:15、逻辑运算符
https://www.fanrenyi.com/video/19/110
&& 与: &&两边的结果都是true,结果才是true,否则是false
|| 或: ||两边的结果只要有一个true,结果就是true,只有两个都是false,结果才是false
! 非: !是取反,true变false,false变true
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>逻辑运算符</title> 6 </head> 7 <body> 8 <!-- 9 1、或:||:或者:两个里面只要满足一个就满足了 10 两边都是false的情况下,才是false 11 两边只要有true,结果就是true 12 13 js中的或运算符是“短路”的或: 14 就是如果第一个值是true,那么就不用去看第二个值了 15 16 2、与:&&:并且:两个同时满足才满足 17 js中的与运算符也是“短路”的与: 18 当第一个是false的情况下,结果肯定是false,所以第二个就不用看了 19 20 3、非:!:取反 21 也就是true变成false,false变成true 22 可以用!!来进行其它类型转换为boolean类型 23 --> 24 <script> 25 /*或运算符*/ 26 // var a=true; 27 // var b=false; 28 // var ans=a||b; 29 // var ans=false||false; 30 // var ans=true||false; 31 // var ans=false||true; 32 // var ans=true||alert('aaa'); 33 // console.log('ans='+ans); 34 35 /*与运算符*/ 36 // var ans=false&&false; 37 // var ans=true&&true; 38 // var ans=false&&true; 39 // var ans=true&&false; 40 // console.log('ans='+ans); 41 // var hasChargeMoney=false; 42 // var noSkin=true; 43 // if(hasChargeMoney&&noSkin){ 44 // console.log('购买皮肤成功'); 45 // }else{ 46 // console.log('购买皮肤失败'); 47 // } 48 // var ans=true&&alert('aaa'); 49 50 /*非运算符*/ 51 var a=1; 52 // var b=!!a; 53 var b=Boolean(a); 54 console.log('b='+b); 55 56 57 </script> 58 </body> 59 </html>