如何用JavaScript打印菱形图案及中空菱形图案

如何用JavaScript打印菱形图案及中空菱形图案

一直懒得写微博，有些什么需求就是上百度查一下，搞定之后就OK了，最近给身边的几个朋友做了一个小测试，要求打印菱形和中空的菱形，结果各种困难，各种百度，百度出来的结果还都是超low的，实在忍不住，就在微博上写一篇文章吧。

通用变量设定

max=7;
t="*";
kg=" ";

打印菱形

for(i=1;i<=max;i++){
	// 计算每行的开头需要多少个空格
	// max/2==3.5；
	// Math.ceil(3.5)之后==4；
	// Math.abs(4-i)==[3,2,1,0,1,2,3]；这就是每行的空格数
	temp=Math.abs(Math.ceil(max/2)-i);
	for(j=1;j<=temp;j++){	// 循环打印空格；
		document.write(kg);
	}
	for(j=1;j<=max-temp*2;j++){	// 循环打印*号
		document.write(t);
	}
	document.write("<br>") // 一行的结尾，输出换行
}
//   *
//  ***
// *****
//*******
// *****
//  ***
//   *

打印中空菱形

for(i=1;i<=max;i++){
	temp=Math.abs(Math.ceil(max/2)-i)
	for(j=0;j<temp;j++){
		document.write(kg);
	}
	m=max-temp*2
	for(j=1;j<=m;j++){
		document.write(j==1 || j==m ? t:kg);
	}
	document.write("<br>")
}
//   *
//  * *
// *   *
//*     *
// *   *
//  * *
//   *

要点提示

细心的朋友会发现，打印菱形和打印中空的菱形，代码大致上是相同的，唯一的差别就是以下一句

document.write(t);

document.write(j==1 || j==m ? t:kg);

这里只是采用了三目运算法，当然也可以拆解成初学者比较容易理解的写法

if (j==1){
	document.write(t);
}else if(j==m){
	document.write(t);
}else{
	document.write(kg);
}

嗯，就写到这吧~~