JavaScript 金字塔(双层for循环)

这篇博客通过JavaScript实现了一个绘制金字塔的代码示例,利用双层for循环动态生成不同行数的星号金字塔。代码中详细解释了每行星号的数量计算方式,便于理解。
摘要由CSDN通过智能技术生成
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title>网页标题</title>
	<meta name="keywords" content="关键字列表" />
	<meta name="description" content="网页描述" />
	<link rel="stylesheet" type="text/css" href="" />
	<style type="text/css"></style>
	<script type="text/javascript">
		/*
			    *		第一行:1个	2*1(行数)-1
			   ***		第二行:3个	2*2(行数)-1
			  *****		第三行:5个	2*3(行数)-1
			 *******	第四行:7个	2*4(行数)-1
			*********	第五行:9个	2*5(行数)-1
			//
		*/

		for(var i=1;i<=5;i++){//代表行数
			for(k=1;k<=5-i;k++){
				document.write(" ");
			}
			for(var j=1;j<=(2*i-1);j++){//代表个数
				
				document.write("*");
			}
			document.write("<br />");
		}

	</script>
</head>
<body>

</body>
</html>

JavaScript中的双层for循环是一种常见的循环结构,用于在嵌套的情况下对一组数据进行迭代和操作。在这个例子中,我们展示了三种不同的双层for循环方法。 方法一使用了两个循环变量i和j,其中i控制行数,j控制每行的元素数量。内层循环从i开始,从外层循环的递增中递减,以此来控制每行的元素数量。 方法二与方法一类似,但内层循环每次都从0开始,通过控制比较的数来控制每行的元素数量,即每行的元素数量为6-i。 方法三与方法二类似,但内层循环从6开始递减,以此来控制每行的元素数量。 除了使用双层for循环之外,还可以使用数组的map方法来实现类似的功能。map方法可以对数组中的每个元素进行操作,并返回一个新的数组。 在这个例子中,我们展示了如何使用map方法对一个数组进行操作,并输出结果。 另外,还可以使用标签来控制循环的跳出。在这个例子中,我们使用了标签“foo”,当内层循环的条件满足时,使用break语句跳出标签为“foo”的循环。 以上是关于JavaScript双层for循环的介绍和示例。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Javascript中实现倒三角形的双层for循环的三种方法](https://blog.csdn.net/weixin_44626981/article/details/128436717)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [理解javascript中Map代替循环](https://download.csdn.net/download/weixin_38631049/13181942)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [javaScript:双层for循环,如何在内层for循环中跳出外层for循环](https://blog.csdn.net/LeeBingNing/article/details/128697891)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值