11_循环.html 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  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. <!-- <h1>张三</h1>
  10. <h1>李四</h1>
  11. <h1>王五</h1> -->
  12. <script>
  13. var userName = ["张三","李四","王五","赵六"];
  14. // var user1 = "<h1>"+ userName[0] +"</h1>";
  15. // var user2 = "<h1>"+ userName[1] +"</h1>";
  16. // document.write(user1);
  17. // document.write(user2);
  18. // for循环 现阶段为循环遍历数组
  19. // for循环中 三条语句
  20. // 1. 初始化语句 初始化循环变量 i = 0;
  21. // 2. 条件表达式 .length获取数组长度 决定每一次循环是否执行 i < userName.length;
  22. // 3. 更新语句 使循环接近结束 i++
  23. // 循环第一次执行仅执行前两条语句
  24. // 循环第二次及以后执行 2、3条语句
  25. // 每次循环都会执行判断,成立就进入循环 如果不成立就跳出循环
  26. for(var i = 0; i < userName.length; i++){
  27. // console.log(userName[i]);
  28. // 不输出“王五” 方法一
  29. // if(userName[i] != "王五"){
  30. // var user = "<h1>"+ userName[i] +"</h1>";
  31. // document.write(user);
  32. // }
  33. // 不输出“王五” 方法二
  34. // if(userName[i] == "王五"){
  35. // // 结束本次循环(后面有语句也不再执行) 直接进入下一次循环
  36. // continue;
  37. // }
  38. // var user = "<h1>"+ userName[i] +"</h1>";
  39. // document.write(user);
  40. // 再循环中查找 “李四” 找到之后即刻停止
  41. if(userName[i] == "李四"){
  42. // break 表示结束整个循环 后边再有语句也不再执行
  43. break;
  44. }
  45. var user = "<h1>"+ userName[i] +"</h1>";
  46. document.write(user);
  47. }
  48. for(var i=0;i<100;i++){
  49. for(var j=0;j<=i;j++){
  50. console.log(i,j);
  51. }
  52. }
  53. </script>
  54. </body>
  55. </html>