JavaScript：用for循环写菱形

最新推荐文章于 2023-09-19 11:01:25 发布

蓝染K

最新推荐文章于 2023-09-19 11:01:25 发布

阅读量3.2k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.csdn.net/bestlovekcq/article/details/103540404

JavaScript 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了如何使用for循环在网页上绘制一个菱形图案。通过两次循环，分别生成上半部分和下半部分的菱形，利用不同的变量控制空格和星号的数量，实现菱形的形状变化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用for循环写菱形

for循环语法格式如下：
for（初始化表达式；条件表达式；迭代表达式）{
语句
}
参数说明：
1.初始化表达式：初始化语句，用来对循环变量进行初始化赋值。
2.条件表达式：循环条件，一个包含比较运算符的表达式，用来限定循环变量的边界。如果循环变量超过了该边界，则停止该循环语句的执行。
3.迭代表达式：用来改变循环变量的值，从而控制循环次数，通常是对循环变量进行增大或减小的操作。

效果图如下：
在这里插入图片描述

	for (var i = 1; i < 5; i++) {
    for (var m = 0; m < 4 - i; m++) {	    //空格依次减少
      document.write("&nbsp;");  	  	    
     }
    for (var j = 0; j < 2 * i - 1; j++) {   //输出 * 依次增多
      document.write("*");					
    }
     document.write("<br>");				//换行符
    }
     for (var i = 3; i > 0; i--) {			//倒三角，*依次减少
     for (var m = 3; m > i - 1; m--) {	 	//空格依次增多
      document.write("&nbsp;");
    }
    for (var j = 0; j < 2 * i - 1; j++) {
      document.write("*");
    }
    document.write("<br>");
  }