for循环绘制各种图形

平行四边形

平行四边形最为简单
比如绘制一个高度为5长度为10的平行四边形
如：

注意：
①第一排1个空格  第5排5个空格
②没打印一排要换行

分析结构
for（var i=1；i<=5 ；i++）{/ / 因为有5行
for（循环 i 次）{ 每行有i个空格}
直接打印十个星号
}
代码为：

for(var i=1;i<=5;i++){
     
	for(var j=1;j<=i;i++){
         //每行的空格逐渐增加
				//i的值在循环不断加大 j加入的空格越来越多形成一个梯度
	document.write("&emsp");  //   中文空格
}
	document.write("* * * * * * * * * * 
")
}

三角形

绘制三角形我们可以先分析他的结构

第1行：      空格 x 4   |     星号 x 1
第2行：      空格 x 3   |     星号 x 3
第3行：      空格 x 2   |     星号 x 5
第4行：      空格 x 1   |     星号 x 7
第5行：      空格 x 0   |     星号 x 9
						    =行数 x 2 - 1 

分析结构：	
for(var i = 1 ; i<=5 ; i++ ){   //应为有5行所以我们循环5次
	①for（循环5-i 次）{   打印 空格 }
	②for（循环2 x i - 1）{ 打印 星号} 
	③换行
}
代码为：

for(var i = 1 ; i<=5 ; i++ ){
       
		for(var j=1;j<=5-i;j++){
     
            document.write(" ")
            }
		for(var j=1;j<=2*i-1;j++){
      
            document.write("*")
        } 
          document.write("
")
	}

菱形

菱形相当于
上面的三角形加上一个相反的三角形就是
分析
上面一个三角形
for(var i = 1 ; i<=5 ; i++ ){   //应为有5行所以我们循环5次

内容不变}

下面一个三角形
for(var i = 5 ; i>=1 ; i- - ){    条件相反   倒过来的三角形
			//再把5改成4 防止2重叠一条星号

内容不变}
代码为：

//上面一个三角形
for(var i = 1 ; i<=5 ; i++ ){
        
		for(var j=1;j<=5-i;j++){
     
            document.write("  ")
        }
		for(var j=1;j<=2*i-1;j++){
      
            document.write(" *")
        } 
          document.write("
")
    }
    //下面一个三角形
	for(var i = 4 ; i>=1 ; i-- ){
       
		for(var j=1;j<=5-i;j++){
     
            document.write("  ")
        }
		for(var j=1;j<=2*i-1;j++){
      
            document.write(" *")
        } 
          document.write("
")
    }