首页 > 程序开发 > web前端 > JavaScript >

js中的循环的实例

2011-12-09

乘法口决// 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 <= 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("&nbsp;");

}

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("&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++)

{

//打印除最后一行的其他行,第一和最后一列打*,其他空格

if(i<5)

{

if(j==1 || j==2*i-1)

document.write("*");

else

document.write("&nbsp;");

}

else//最后一行,奇数*,偶数空格

{

if(j%2!=0)

document.write("*");

else

document.write("&nbsp;");

}

}

document.write("<br/>");

}

<!DOCTYPE html PUBLIC "-//W3C//DTDXHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="https://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("*&nbsp;&nbsp;&nbsp;");

}

document.write("<br/>");

}

</script>

</body>

</html>

摘自 Aweijun360

相关文章
最新文章
热点推荐