JS基础_嵌套的for循环

最新推荐文章于 2025-11-22 17:05:26 发布

原创最新推荐文章于 2025-11-22 17:05:26 发布 · 384 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

JavaScript教程专栏收录该内容

127 篇文章

订阅专栏

本文详细介绍如何使用JavaScript在网页上输出特定的图形，包括一个由星号组成的正方形和一个倒金字塔形图案。通过两个嵌套的for循环，精确控制星号的数量和位置，实现图形的动态生成。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript">
			
			/*
			 
			 	通过程序，在页面中输出如下的图形：
			 	
			 	*      1   <1   i=0
			 	**     2   <2   i=1
			 	***    3   <3   i=2
			 	****   4   <4   i=3
			 	*****  5   <5   i=4
			 	
			 	*****
			 	*****
			 	*****
			 	*****
			 	*****
			 	
			 	***** 1   j<5(5-0)  i=0
			 	****  2	  j<4(5-1)  i=1
			 	***   3   j<3(5-2)  i=2
			 	**    4   j<2(5-3)  i=3
			 	*     5   j<1(5-4)  i=4
			 	
			 
			 */
			
			//向body中输出一个内容document.write("*****<br />");
			
			/* 
			 * 通过一个for循环来输出图形
			 * 这个for循环执行几次，图形的高度就是多少
			 * 它可以用来控制图形的高度 
			 */
			for(var i=0 ; i<5 ; i++){
				
				/*
				 * 在循环的内部再创建一个循环，用来控制图形的宽度
				 * 目前我们的外部的for循环执行1次，内部的就会执行5次
				 * 内层循环可以来决定图形的宽度，执行几次图形的宽度就是多少
				 */
				/*for(var j=0 ; j<i+1 ; j++){
					document.write("*&nbsp;&nbsp;&nbsp;");
				}*/
				for(var j=0 ; j<5-i ; j++){
					document.write("*&nbsp;&nbsp;&nbsp;");
				}
				
				//输出一个换行
				document.write("<br />");
				
				
			}
			
			
			
		</script>
	</head>
	<body>
		
	</body>
</html>