js中的循环的实例
4433 点击·0 回帖
灯火互联
楼主
 |  | |
 | 乘法口决 // for (i = 1;i <= 9; i++) { //控制行 // for (j= 1; j <= i; j++) { //控 // document.write(i+"*"+j+"="+(i*j)+";nbsp"); // } // document.write("<br/>"); // } /* * *** ***** */ // for (i = 1;i <= 5; i++) { //控制行 // for (j= 1; j <= 2*i-1; j++) { //控 // document.write("*"); // } // document.write("<br/>"); // } /* * *** ***** ******* ********* *********** ************* *************** ***************** ******************* */ // for (i = 1;i <= 10; i++) { // //打印空格 // for (t= 1; t <= 10 - i; t++) { // document.write(";nbsp"); // } // for (j = 1; j <= 2*i - 1; j++) { // document.write("*"); // } // document.write("<br/>"); // } //打印出菱形的图形 // for (i = 1; i <= 5; i++) { // //打印空格 // for (t= 1; t <= 5-i; t++) { // document.write(";nbsp"); // } // for (j= 1; j <= 2*i - 1; j++) { // document.write("*"); // } // document.write("<br/>"); // } /* 行数 星数 空格数 */ for (i = 4; i >= 1; i--) { // for(t = 4; t >= i; t--) for (t = 5-i; t >= 1; t--) { document.write(" "); } for (j = 1; j <= 2 * i - 1; j++) { document.write("*"); } document.write("<br/>"); } 可以使用for 循环来实现一些相关的图像 例如打印菱形： * *** ***** ******* ********* ******* ***** *** * //打印出菱形的图形 for (i = 1; i <= 5; i++) { //打印空格 for (t = 1; t <= 5-i; t++) { document.write(";nbsp"); } for (j = 1; j <= 2*i - 1; j++) { document.write("*"); } document.write("<br/>"); } /* 行数 星数 空格数 */ for (i = 4; i >= 1; i--) { // for(t = 4; t >= i; t--) for (t = 5-i; t >= 1; t--) { document.write(" "); } for (j = 1; j <= 2 * i - 1; j++) { document.write("*"); } document.write("<br/>"); } /* * * * * * * * * * * * * */ for(i=1;i<=5;i++) { //打印空格 for(t=1;t<=5-i;t++) { document.write(" "); } for(j=1;j<=2*i-1;j++) { //打印除最后一行的其他行，第一和最后一列打*，其他空格 if(i<5) { if(j==1 || j==2*i-1) document.write("*"); else document.write(" "); } else//最后一行，奇数*，偶数空格 { if(j%2!=0) document.write("*"); else document.write(" "); } } document.write("<br/>"); } <!DOCTYPE html PUBLIC "-//W3C//DTDXHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>打印三角形</title> </head> <body style="text-align:center;"> <script type="text/javascript"> var k=prompt("请输入打印的行数：",""); for(var i=1;i<=k;i++) { for(varj=0;j<i;j++) { document.write("* "); } document.write("<br/>"); } </script> </body> </html> | |
 |  |