菱形三角形

来源:互联网 发布:免费的会计软件 编辑:程序博客网 时间:2024/06/05 12:41

文档来自于:http://helloweb.wang/qianduankaifa/684.html

1)先打印一个星号并换行

 

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

2)打印一行6个星号

 

1

2

3

4        //打印一行6

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

    document.writeln("*"); 

}

3)打印6列星号

 

1

2

3

4        //打印6

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

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

}

4)打印66

 

1

2

3

4

5

6

7

8        //打印66 

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

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

        document.writeln("*"); 

    //每打印一行后就换行 

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

}

5)金字塔型是由下面图形转成的,先打印此图形

 

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

 

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

1

2

3

4

5

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

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

        document.writeln("*"); 

    } 

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

}

6)当j<i,那么每行少一个星号,则第一行会被抹掉,如下图所示:

 

1

2

3

4

5

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

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

        document.writeln("*"); 

    } 

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

}

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

打印6个空格,后跟星号

 

1

2

3

4        for(vari=0;i<6;i++){ 

    document.writeln(" "); 

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

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

 

1

2

3

4

5

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

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

        document.writeln(" "); 

    } 

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

}

以上图像的完整代码:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50        <html> 

    <head> 

        <scriptlanguage="javascript"> 

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

           document.writeln("=========<br/>"); 

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

               document.writeln("*"); 

            } 

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

           document.writeln("=========<br/>"); 

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

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

            } 

           document.writeln("=========<br/>"); 

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

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

                   document.writeln("*"); 

                } 

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

            } 

           document.writeln("=========<br/>"); 

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

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

                   document.writeln("*"); 

                } 

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

            } 

           document.writeln("=========<br/>"); 

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

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

                   document.writeln("*"); 

                } 

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

            } 

           document.writeln("=========<br/>"); 

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

                document.writeln(""); 

            } 

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

           document.writeln("=========<br/>"); 

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

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

                    document.writeln(""); 

                } 

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

            } 

        </script> 

    </head> 

    <body></body> 

</html>

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

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

 

 

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

 

1

2

3

4

5

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

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

        document.writeln("*"); 

    } 

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

}

9)在(8)的基础上,插入空格。对比发现,如下规律:

 

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

可以得出:k<6-i-1;i=0时,k<5,k取值01234,循环5次,打印5个空格。依次类推。

 

1

2

3

4

5

6

7

8

9        for(vari=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("<br/>"); 

}

10)菱形的上半部分已经打印出,下面考虑如何打印下半部分,即打印如下的图形:

 

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

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

 

 

for(vari=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("<br/>"); 

}

11)完整的菱形,通过(10)和(11),我们已经可以打印出完整的菱形。

 

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20        <spanstyle="white-space:pre"></span>

 

for(vari=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("<br/>"); 

for(vari=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("<br/>"); 

}

for(vari=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("<br/>"); 

//打印菱形的下半部分 

for(vari=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("<br/>"); 

document.writeln("=============<br/>"); 

for(vari=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("<br/>"); 

document.writeln("=============<br/>"); 

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

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

        document.writeln("*"); 

    } 

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

document.writeln("=============<br/>"); 

for(vari=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("<br/>"); 

}

 

 

 

 

简单方法:

varrow=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(varr=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);

}

原创粉丝点击