用for循环写一个空心菱形

时间:2024-03-22 17:07:21

For循环写空心菱形

for循环在js里用到的还是比较多的,
so在使用的时候我们往往需要整理出自己的一套才能更好的使用for循环写出自己想要的样式
在这就写个空心菱形为例吧,小的不采有大佬来逛逛也别忘了多 提点提点

for循环:就是在符合条件的基础情况下,循环执行代码
在使用的时候注意其中的四点,相信for循环也就不是难题了
总结如下:
写法for(var i = 1 ; i <= n ; i++) {}

  1. 初始值 for(var i = n;)
  2. 判断的条件 for(i <= n)
  3. 需要执行的代码 for () {执行的代码}
  4. 改变自身 for(i++)
    接下来,来个菱形试试手~
    用for循环写一个空心菱形
    for 循环做这个利用的就是找准其规律
    首先以中间为界限,判断其规律,不难发现菱形的上半部分是一个三角,下半部分是个倒三角
    先由中间开始数到顶上第一颗‘*’,如下图,判断第一个外循环,输出它的空格
    *接着观察它的排序,第一行‘*’从左到右是在第四个,第二行‘从左到右排在第三个’依次类推
    用for循环写一个空心菱形
    第二步我们需要输出‘’了,再创建一个for循环来输出‘
    用for循环写一个空心菱形
    第三步直接输出换行即可得出的是一个满星星的上半部分的三角形
    用for循环写一个空心菱形
    第四步就是判断‘’在输出的时候是应该输出‘’还是空格,在第二步的基础上增加if…else,位置可以根据自己的感觉来加空格的多少
    用for循环写一个空心菱形
    以上就是上半部分的空心三角形的for循环写法
    接下来是下半部分,其实就是按照上半部分的规律来写,话不多说上图

    用for循环写一个空心菱形
    下面是完整的代码,有些地方可能变换成中文格式,需要自行修改 ! -_- ! !~ . ~! !>.<!

for(var i = 1; i <= 4 ; i++){
for(var j = 1;j <= 4-i ; j++){
document.write(’  ‘)
}
for(var j = 1; j <= 2i-1; j++){
if(j == 1 || j == 2
i-1){
document.write(’’)
}else{
document.write(’  ‘)
}
}
document.write(’
’)
}
for(var i = 3; i >=1; i–){
for(var j =1 ; j <= 4-i; j++){
document.write(’  ')
}
for(var j = 1 ; j <= 2
i-1 ; j++){
if(j == 1 || j == 2i-1){
document.write(’
’)
}else{
document.write(’  ‘)
}
}
document.write(’
’)
}