您的位置：首页 > Web前端 > JavaScript

js 中的循环的实例

2011-12-08 19:55 309 查看

乘法口决
// for (i = 1;i <= 9; i++) { //控制行

// for (j= 1; j <= i; j++) { //控

// document.write(i+"*"+j+"="+(i*j)+" ");
// }
// 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(" ");

// }
// 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++) {

// 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(" ");

}
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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航