6_分支判断.html 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  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. var str = a > 10 ? 'a大于10' : 'a小于10';
  22. console.log(str);
  23. // 常见逻辑符号
  24. // 大于 >
  25. // 小于 <
  26. // 大于等于 >=
  27. // 小于等于 <=
  28. // 等于 == 、 ===
  29. // == 只判断值是否相等 不判断类型
  30. // === 不仅判断值是否相等 还判断类型是否相等
  31. if(a == '1'){
  32. console.log("a等于1");
  33. }
  34. if(a === '1'){
  35. console.log("a等于1");
  36. }
  37. // 不等于 !=
  38. if(a != 2){
  39. console.log("a不等于2");
  40. }
  41. // 逻辑与 && (一般用作于要求同时满足多个条件)
  42. if(a > 0 && a < 20){
  43. console.log("a大于0小于20");
  44. }
  45. // 逻辑或 || (一般用作于要求满足多个条件中的一个)
  46. if(a > 10 || a < 20){
  47. console.log("a大于10或小于20");
  48. }
  49. // 逻辑非 !
  50. if(!(a > 10)){
  51. console.log("a小于10");
  52. }
  53. // 多路分支
  54. var b = 2;
  55. if(b == 1){
  56. console.log("星期一");
  57. }else if(b == 2){
  58. console.log("星期二");
  59. }else if(b == 3){
  60. console.log("星期三");
  61. }
  62. </script>
  63. </body>
  64. </html>