微信扫一扫打赏支持

范仁义js课程---15、逻辑运算符

范仁义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>

 

 

 

 

 
posted @ 2020-02-26 08:02  范仁义  阅读(115)  评论(0)  编辑  收藏  举报