02.逻辑运算符.html 3.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. <script>
  9. /**
  10. * Js中为我们提供了三种逻辑运算符
  11. * !非
  12. * -!可以用来对一个值进行非运算
  13. * -所谓非运算,就是对一个布尔值进行取反操作
  14. * true变false,false变true
  15. * -如果对一个值进行两次取反,它不会变化
  16. * -如果对非布尔值进行运算,则会将其转换为布尔值,然后再取反
  17. * 所以我们可以利用该特点,来将一个其他的数据类型转换为布尔值
  18. * 可以为一个任意数据类型取两次反,来将其转换为布尔值
  19. * 原理和Boolean()函数一样
  20. *
  21. * &&与
  22. * -&&可以对符号两侧的值进行与运算并返回结果
  23. * -运算规则
  24. * -两个值中,只要有一个值为false就返回false,
  25. * 只有两个值都为true时,才返回true
  26. * -JS中的“与”属于短路的与,
  27. * 如果第一个值为false,则不会看第二个值
  28. *
  29. * ||或
  30. * -||可以对符号两侧的值进行或运算并返回结果
  31. * -运算规则
  32. * -两个值中只要有一个true,就返回true
  33. * 如果两个值都为false,才返回false
  34. * -JS中的“或”属于短路的或
  35. * 如果第一个值为true,则不会检查第二个值
  36. *
  37. */
  38. // var a = true;
  39. // a = !!a;
  40. // console.log(a);//输出结果为true
  41. var b = 10;
  42. b = !!b;
  43. console.log(b);//输出结果为true
  44. var a = 0;
  45. a = !!a;
  46. console.log(a);//输出结果为false
  47. //在做与运算时,如果两个值都是true,则返回true
  48. // var result = true && true;//结果为true
  49. //只要有一个为false,就返回false
  50. // var result = true && false;//结果为false
  51. // var result = false && true;//结果为false
  52. // var result = false && false;//结果为false
  53. // console.log(result);
  54. //第一个值为true,会检查第二个值
  55. // true && alert("彩票中了没??");//页面可以输出结果
  56. //第一个值为false,不会检查第二个值
  57. // false && alert("彩票中了没??");//页面无输出
  58. //两个都是false,则返回false
  59. var result = false || false;
  60. //只要有一个true,就返回true
  61. result = true || false;//结果为true
  62. result = false || true;//结果为true
  63. result = true || true;//结果为true
  64. // console.log(result);
  65. //第一个值为false,则会检查第二个值
  66. false || alert("吃饭了没??");//页面可以输出结果
  67. //第一个值为true,则不再检查第二个值
  68. true || alert("吃饭了没??");//页面无输出
  69. </script>
  70. </head>
  71. <body>
  72. </body>
  73. </html>