6_分支判断.html 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. <script>
  10. // 分支判断
  11. var a = 1;
  12. // if语句 实现条件判断 括号内部的结果 是 true 还是 false
  13. // 如果条件成立为true 执行if语句内部的代码
  14. // 如果条件不成立为false 执行else语句内部的代码
  15. if(a > 10){
  16. console.log("a大于10");
  17. }else{
  18. console.log("a小于10");
  19. }
  20. // 三元运算符 ?:
  21. // 逻辑表达式 ? 表达式2 :表达式3
  22. // 如果逻辑表达式成立 执行表达式2
  23. // 如果逻辑表达式不成立 执行表达式3
  24. var str = a > 10 ? 'a大于10' : 'a小于10';
  25. console.log(str);
  26. // 常见逻辑符号
  27. // 大于 >
  28. // 小于 <
  29. // 大于等于 >=
  30. // 小于等于 <=
  31. // 等于 == 、 ===
  32. // == 只判断值是否相等 不判断类型
  33. // === 不仅判断值是否相等 还判断类型是否相等
  34. if(a == '1'){
  35. console.log("a等于1");
  36. }
  37. if(a === '1'){
  38. console.log("a等于1");
  39. }
  40. // 不等于 !=
  41. if(a != 2){
  42. console.log("a不等于2");
  43. }
  44. // 逻辑与 (并且的关系) && (一般用作于要求同时满足多个条件)
  45. if(a > 0 && a < 20){
  46. console.log("a大于0小于20");
  47. }
  48. // 逻辑或 || (一般用作于要求满足多个条件中的一个)
  49. if(a > 10 || a < 20){
  50. console.log("a大于10或小于20");
  51. }
  52. // 逻辑非 !
  53. if(!(a > 10)){
  54. console.log("a小于10");
  55. }
  56. // 多路分支
  57. var b = 2;
  58. if(b == 1){
  59. console.log("星期一");
  60. }else if(b == 2){
  61. console.log("星期二");
  62. }else if(b == 3){
  63. console.log("星期三");
  64. }
  65. </script>
  66. </body>
  67. </html>