用js中的for循环打印出各种有趣的图形

JS中循环有三种：

1. while循环
2. do-while循环
3. for循环

1.while循环

语法结构：
while(条件表达式){当条件表达式为布尔值true时要执行的语句块}

2.do-while循环

语法结构：
do{条件表达式为true时执行的语句块}while(条件表达式)

while循环与do-while循环的区别：
一、while是先判断条件，后执行循环主体（先判断后执行）
二、do-while是先执行循环主体后判断条件（先执行后判断）
三、如果初始条件不满足，while循环主体不执行，而do-while无条件地执行循环主体一次

3.for循环

语法结构：
for(变量初始化 ;条件表达式; 变量更新){条件表达式为true时执行语句块}

用循环可以做出很多有趣的图形出来，一起来试试吧！

矩形：

代码：

for(var i=1;i<=4;i++){//i--->行数
            document.write('<br/>');  //换行
            for(var j=1;j<=10;j++){
                document.write('*');
            }
        }

平行四边形

代码：

for(var i=1;i<=4;i++){//i--->行数
            document.write('<br/>');  //换行
            for(var j=1;j<=(10-i);j++){
                document.write('&nbsp');
            }
            for(j=1;j<=10;j++){
                document.write('*');
            }
        }

三角形

代码：

for(var i=1;i<=4;i++){//i--->行数
            document.write('<br/>');  //换行
            for(var j=1;j<=(10-i);j++){
                document.write('&nbsp');
            }
            for(j=1;j<=(2*i-1);j++){
                document.write('*');
            }
        }