12_循环.html 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  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. var arr = [1,2,3,4,5,6,7,8,9];
  11. // for 循环
  12. // for 循环后面有三条语句 第一语句一般为定义变量 第二条语句控制循环的次数 第三条给第一个语句的变量做操作
  13. // 第一次循环只执行前两条语句 然后进入到循环体里开始执行{}的代码
  14. // 从第二次循环开始 先执行第三条语句 然后执行第二条语句 如果条件成立可以循环那么进入到循环体执行{}里的代码
  15. // for(var i=0;i<arr.length;i++){
  16. // console.log(arr[i]);
  17. // }
  18. // while 循环
  19. // while循环后边的括号里就只有一条语句 如果成立执行循环如果不成立循环结束
  20. // var i = 0;
  21. // while(i<arr.length){
  22. // console.log(arr[i]);
  23. // i++;
  24. // }
  25. // do while
  26. // do while 循环整体于 while 区别在于do while 先执行再判断
  27. // var i = 0;
  28. // do{
  29. // console.log(arr[i])
  30. // i++;
  31. // }while(i<arr.length)
  32. // for(var i=0;i<arr.length;i++){
  33. // if(arr[i] == 5){
  34. // console.log("当前数值为5不输出")
  35. // }else{
  36. // console.log(arr[i])
  37. // }
  38. // }
  39. // 循环中如果遇到continue 那么结束本次循环continue下边代码将不会被执行
  40. // for(var i=0;i<arr.length;i++){
  41. // if(arr[i] == 5){
  42. // continue;
  43. // console.log("当前数值为5不输出")
  44. // }
  45. // console.log(arr[i])
  46. // }
  47. // 在循环中遇到 break 表示结束整个循环
  48. for(var i=0;i<arr.length;i++){
  49. if(arr[i] == 5){
  50. break;
  51. console.log("当前数值为5不输出")
  52. }
  53. console.log(arr[i])
  54. }
  55. </script>
  56. </body>
  57. </html>