用*打印三角形和菱形

最新推荐文章于 2023-09-25 21:34:32 发布

Quenliqiyuan

最新推荐文章于 2023-09-25 21:34:32 发布

阅读量674

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/Quenliqiyuan/article/details/77841106

文档来自于：http://helloweb.wang/qianduankaifa/684.html
（1）先打印一个星号并换行

1	document.writeln("*<br/>");

（2）打印一行6个星号

//打印一行6个

for(var i=0;i<6;i++){

document.writeln("*");

}

（3）打印6列星号

//打印6列

for(var i=0;i<6;i++){

document.writeln("* ");

}

（4）打印6行6列

//打印6行6列

for(var i=0;i<6;i++){

for(var j=0;j<6;j++){

document.writeln("*");

}

//每打印一行后就换行

document.writeln(" ");

}

（5）金字塔型是由下面图形转成的，先打印此图形

控制内层循环的打印。观察上图，发现如下规律：

则让内层循环 j<=i，就可以实现。i控制行数，j控制列数。比如：当i=0时，内层循环1次，j=0,j<=i,当j++时，就跳出内层循环；当i=1时，内存循环2次，j=0和j=1的情况，当j=1,j++, 则j=2,j<=i则不成立，跳出内存循环。以此类推。

for(var i=0;i<6;i++){

for(var j=0;j<=i;j++){

document.writeln("*");

}

document.writeln(" ");

}

（6）当j<i，那么每行少一个星号，则第一行会被抹掉，如下图所示：

for(var i=0;i<6;i++){

for(var j=0;j<i;j++){

document.writeln("*");

}

document.writeln(" ");

}

（7）空格和星号相结合的情况，完整金字塔就是被空格顶过去的。

打印6个空格，后跟星号

for(var i=0;i<6;i++){

document.writeln(" ");

}

document.writeln("* ");

每行5个空格，后跟一个星号

for(var i=0;i<6;i++){

for(var k=0;k<5;k++){

document.writeln(" ");

}

document.writeln("* ");

}

以上图像的完整代码：

<html>

<head>

document.writeln("* ");

document.writeln("========= ");

for(var i=0;i<6;i++){ //打印一行6个

document.writeln("*");

}

document.writeln(" ");

document.writeln("========= ");

for(var i=0;i<6;i++){ //打印6列

document.writeln("* ");

}

document.writeln("========= ");

for(var i=0;i<6;i++){ //打印6行6列

for(var j=0;j<6;j++){

document.writeln("*");

}

document.writeln(" "); //每打印一行后就换行

}

document.writeln("========= ");

for(var i=0;i<6;i++){

for(var j=0;j<=i;j++){

document.writeln("*");

}

document.writeln(" ");

}

document.writeln("========= ");

for(var i=0;i<6;i++){

for(var j=0;j<i;j++){

document.writeln("*");

}

document.writeln(" ");

}

document.writeln("========= ");

for(var i=0;i<6;i++){

document.writeln(" ");

}

document.writeln("* ");

document.writeln("========= ");

for(var i=0;i<6;i++){

for(var k=0;k<5;k++){

document.writeln(" ");

}

document.writeln("* ");

}

</script>

</head>

</html>

有了以上的基础，下面分析打印完整金字塔型：

（8）根据下图所示，我们已经可以打印出左边的图形，然后通过控制空格，把它转成右边的图形。

可以得出：j<=(2*i-1)+1。当i=0时，j=0，打印一个星号，必须j<=，参考上面的讲解；当i=1时，j=2，因为是j<=i，j取值0，1，2，循环三次，打印3个星号。以此类推。

for(var i=0;i<6;i++){

for(var j=0;j<=(2*i-1)+1;j++){

document.writeln("*");

}

document.writeln(" ");

}

（9）在（8）的基础上，插入空格。对比发现，如下规律：

再加一层内循环，在星号内循环的前面，先打印空格，然后再打印相应的星号。

可以得出：k<6-i-1;当i=0时，k<5,k取值0，1，2，3，4，循环5次，打印5个空格。依次类推。

for(var i=0;i<6;i++){

for(var k=0;k<6-i-1;k++){

document.writeln(" ");

}

for(var j=0;j<=(2*i-1)+1;j++){

document.writeln("*");

}

document.writeln(" ");

}

（10）菱形的上半部分已经打印出，下面考虑如何打印下半部分，即打印如下的图形：

最上面的11个星号，已经在上半部分给出，只考虑打印11个星号以下的图形。

观察发现，下半部分共5行，即i=5。有如下的规律，如下图所示：

for(var i=0;i<5;i++){

for(var k=0;k<i+1;k++){

document.writeln(" ");

}

for(var m=0;m<(9-3*i)+i;m++){

document.writeln("*");

}

document.writeln(" ");

}

（11）完整的菱形，通过（10）和（11），我们已经可以打印出完整的菱形。

for(var i=0;i<6;i++){

for(var k=0;k<6-i-1;k++){

document.writeln(" ");

}

for(var j=0;j<=(2*i-1)+1;j++){

document.writeln("*");

}

document.writeln(" ");

}

for(var i=0;i<5;i++){

for(var k=0;k<i+1;k++){

document.writeln(" ");

}

for(var m=0;m<(9-3*i)+i;m++){

document.writeln("*");

}

document.writeln(" ");

}

for(var i=0;i<6;i++){

for(var k=0;k<6-i-1;k++){

document.writeln(" ");

}

for(var j=0;j<=(2*i-1)+1;j++){

document.writeln("*");

}

document.writeln(" ");

}

//打印菱形的下半部分

for(var i=0;i<5;i++){

for(var k=0;k<i+1;k++){

document.writeln(" ");

}

for(var m=0;m<(9-3*i)+i;m++){

document.writeln("*");

}

document.writeln(" ");

}

document.writeln("============= ");

for(var i=0;i<6;i++){

for(var k=0;k<6-i-1;k++){

document.writeln(" ");

}

for(var j=0;j<=(2*i-1)+1;j++){

document.writeln("*");

}

document.writeln(" ");

}

document.writeln("============= ");

for(var i=0;i<6;i++){

for(var j=0;j<=(2*i-1)+1;j++){

document.writeln("*");

}

document.writeln(" ");

}

document.writeln("============= ");

for(var i=0;i<5;i++){

for(var k=0;k<i+1;k++){

document.writeln(" ");

}

for(var m=0;m<(9-3*i)+i;m++){

document.writeln("*");

}

document.writeln(" ");

}

简单方法：

var row=5; // row表示总行数

for(var r=row;r>0;r--){ //外层循环控制行数 r表示每次变化的行数

var triangle=""; //triangle表示最后的三角形

for(var space=r;space<row;space++){ //此循环控制空格数 space表示空格数

triangle+=" ";

}

for(var star=1;star<=2*r-1;star++){ //此循环控制 * 数 star表示*数

triangle+="*";

}

console.log(triangle);

}

/*等腰三角:

共 l 行

第 r 行：*共l+r-1个字符*,先l-r个空格

var l=parseInt(prompt("输入行数"));

for(var r=1;r<=l;r++){

for(vari=0,str=[];i<l+r-1;i++){

str[str.length]=(i<l-r)?" ":"*";

}

//str: [" "," ","*","*","*","*","*","*","*","*",]

str=str.join("");

console.log(str);

}