JS基础_嵌套的for循环

Posted 星辰郎周

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS基础_嵌套的for循环相关的知识,希望对你有一定的参考价值。

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8" />
 5         <title></title>
 6         <script type="text/javascript">
 7             
 8             /*
 9              
10                  通过程序,在页面中输出如下的图形:
11                  
12                  *      1   <1   i=0
13                  **     2   <2   i=1
14                  ***    3   <3   i=2
15                  ****   4   <4   i=3
16                  *****  5   <5   i=4
17                  
18                  *****
19                  *****
20                  *****
21                  *****
22                  *****
23                  
24                  ***** 1   j<5(5-0)  i=0
25                  ****  2      j<4(5-1)  i=1
26                  ***   3   j<3(5-2)  i=2
27                  **    4   j<2(5-3)  i=3
28                  *     5   j<1(5-4)  i=4
29                  
30              
31              */
32             
33             //--------------------------------------------------------------------------------
34             
35             //向body中输出一个内容
36             //document.write("*****<br />");
37             
38             
39             /*for(var i=0 ; i<5 ; i++){
40                 document.write("*****<br />"); 
41             }*/
42             
43             
44             for(var i=0 ; i<5 ; i++){
45                 for(var j=0 ; j<5 ; j++){
46                     document.write("* ");
47                 }
48                 //输出一个换行
49                 document.write("<br />");
50             }
51             
52             
53             //通过一个for循环来输出图形
54             //这个for循环执行几次,图形的高度就是多少
55             //它可以用来控制图形的高度
56             for(var i=0 ; i<5 ; i++){
57                 
58                 /*
59                  * 在循环的内部再创建一个循环,用来控制图形的宽度
60                  * 目前我们的外部的for循环执行1次,内部的就会执行5次
61                  * 内层循环可以来决定图形的宽度,执行几次图形的宽度就是多少
62                  */
63                 
64                 for(var j=0 ; j<i+1 ; j++){
65                     document.write("*&nbsp;&nbsp;&nbsp;");
66                 }
67                 
68                 
69                 /*for(var j=0 ; j<5-i ; j++){
70                     document.write("*&nbsp;&nbsp;&nbsp;");
71                 }*/
72                 
73                 //输出一个换行
74                 document.write("<br />");
75                 
76                 
77             }
78             
79             
80             
81         </script>
82     </head>
83     <body>
84         
85     </body>
86 </html>

 

以上是关于JS基础_嵌套的for循环的主要内容,如果未能解决你的问题,请参考以下文章

00015_循环嵌套

JS中for循环嵌套打印100以内3的倍数?

JS循环嵌套的执行原理

C语言基础:循环结构(循环类型(while,do...while,for,嵌套循环),循环控制语句(break,continue,goto),无线循环(死循环))

JS循环+循环嵌套+经典例题+图形题

Vue.js v-for中能不能嵌套使用v-if