JavaScript入门for循环打印实心菱形、空心菱形(10)

打印实心菱形

代码不唯一
看自己的逻辑问题了///

注:菱形只能用1,3,5,7,…的奇数个

 	 	 	 	 	 	 	*
 	 	 	 	 	 	*	*	*
 	 	 	 	 	*	*	*	*	*
 	 	 	 	*	*	*	*	*	*	*
 	 	 	*	*	*	*	*	*	*	*	*
 	 	*	*	*	*	*	*	*	*	*	*	*
 	*	*	*	*	*	*	*	*	*	*	*	*	*
*	*	*	*	*	*	*	*	*	*	*	*	*	*	*
 	*	*	*	*	*	*	*	*	*	*	*	*	*
 	 	*	*	*	*	*	*	*	*	*	*	*
 	 	 	*	*	*	*	*	*	*	*	*
 	 	 	 	*	*	*	*	*	*	*
 	 	 	 	 	*	*	*	*	*
 	 	 	 	 	 	*	*	*
 	 	 	 	 	 	 	*

同样,因为字节的问题,所以代码放入表格中更规范!
当然,你可以把表格删除试一试!

	<script type="text/javascript">
		 
		 document.write('<table>');// 放入 !表格开头
		 
		 for (var i=1;i<=8-1;i++) {// 控制行数
        	document.write('<tr>');      	
           	for(var k=1;k<=8-i;k++){// 控制空格的数量
        	    document.write('<td>'+'&nbsp;'+'</td>');// 打印空格
           	}
        	for(var j=1;j<=2*i-1;j++){// 控制打印的*的个数     奇数个2*i-1
        		document.write('<td>');
        			document.write('*');
        		document.write('</td>');
        	}
        	document.write('</tr>');
        }
        
        document.write('</table>');// 表格结尾
	   
		document.write('<table>');
		for(var i=1;i<=8;i++){
			document.write('<tr>');
			for (var k=1;k<=i-1;k++) {
				document.write('<td>'+'&nbsp;'+'</td>');
			}
			for (var j=2*8-1;j>=2*i-1;j--) {
				document.write('<td>');
				    document.write('*');
				document.write('</td>');
			}
			document.write('</tr>');
		}
		document.write('</table>');
		
	</script>

打印空心菱形

和打印实心菱形一样,只是给打印*给一个条件

 	 	 	 	 	 	 	*
 	 	 	 	 	 	*		*
 	 	 	 	 	*				*
 	 	 	 	*						*
 	 	 	*								*
 	 	*										*
 	*												*
*														*
 	*												*
 	 	*										*
 	 	 	*								*
 	 	 	 	*						*
 	 	 	 	 	*				*
 	 	 	 	 	 	*		*
 	 	 	 	 	 	 	*

同样,因为字节的问题,所以代码放入表格中更规范!
当然,你可以把表格删除试一试!

		 document.write('<table>');// 放入 !表格开头
		 
		 for (var i=1;i<=8-1;i++) {// 控制行数
        	document.write('<tr>');      	
           	for(var k=1;k<=8-i;k++){// 控制空格的数量
        	    document.write('<td>'+'&nbsp;'+'</td>');// 打印空格
           	}
        	for(var j=1;j<=2*i-1;j++){// 控制打印的*的个数     奇数个2*i-1
        		document.write('<td>');
        		if (j==1 || j==2*i-1) {// 条件 :只有在遇到每一行的第一个或者每一行的最后一个,再打印*
        			document.write('*');
        		}
        		document.write('</td>');
        	}
        	document.write('</tr>');
        }
        
        document.write('</table>');// 表格结尾
	   
		document.write('<table>');
		for(var i=1;i<=8;i++){
			document.write('<tr>');
			for (var k=1;k<=i-1;k++) {
				document.write('<td>'+'&nbsp;'+'</td>');
			}
			for (var j=2*8-1;j>=2*i-1;j--) {
				document.write('<td>');
				    if (j==2*8-1 || j==2*i-1) {// 条件 :只有在遇到每一行的第一个或者每一行的最后一个,再打印*
				        document.write('*');
				    }
				document.write('</td>');
			}
			document.write('</tr>');
		}
		document.write('</table>');

  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值