打印循环换行_for循环

0f838beb151debf933ddb17a04ef36a0.png

  for循环的语法格式  

4e785e0a8d976131f368fdf78e971b71.png

执行过程:

1.先求解表达式1(只求解一次)

2.求解表达式2,若表达2为真,执行下面的循环语句,然后求解表达式3;再求解表达式2,以此类推,直到表达式2为假,结束循环。

2a52a52c4762b75c6c70e9a0855d41a3.png

举个小例子:

依旧是求1加到100的和

<script type="text/javascript">    var sum=0;    for(var i=0; i<=100; i++){        sum+=i;    }    alert(sum);script>

输出结果依旧是5050

2a52a52c4762b75c6c70e9a0855d41a3.png

注意:

1.一般情况下使用for循环比较多

2.三个表达式都可以省略,但是括号中的分号不能省略(如表达式1中定义变量可从for外)

3.三个表达式都省略,for( ; ; ); 这是个死循环

4.循环中i一般从0开始

6ba4c3790dd91e76f54e255fc2aa3b72.png

  最基本的死循环  

1.while(true);即while(1);时

2.do{ }while(1);与上面一样,while的条件一直为真

3.for( ; ; ){ }

6ba4c3790dd91e76f54e255fc2aa3b72.png

3种循环都可以嵌套,以下几种都是合法形式

bfab9cc15d48b49dfb1a2f9c57169cef.png

允许套娃行为

2a52a52c4762b75c6c70e9a0855d41a3.png

  循环嵌套的小案例  

1.打印三角形

9a4c08b24bebde32e04cfcda6e9c794e.png

分析:每一行的行数和打印三角形的个数是一致的

(1)先来控制行数,for(var i=0; i<5; i++){ document.write(“
”); }

(2)再控制每一行打印几个星,for(var j=0; j<=i; j++){ document.write(“○”);}

我们来编写一下

<script type="text/javascript">    //第一层循环,决定打印了几行    for(var i=0; i<5; i++){      //每一行打印几个星,和行数是一致的      for(var j=0; j<=i; j++){          document.write("○");      }        document.write("
");    }script>

这样效果就出来了

f19860e8ce2ce49a0e6e286a2667682f.png

2a52a52c4762b75c6c70e9a0855d41a3.png

2.打印靠右的三角形

1ffde1d9d6794e221c849fbfd273d8ba.png

分析:打印靠右的三角形除了要排列以外,还要填充前面的空格

空格填充的部分是4321,每行空格 = 行数 - 当前行打印星的个数

在js中两个 为一个空格

(1)还是不变,打印行数,for(var i=0; i<=5; i++){ document.write(“
”); }

(2)控制输出空格,for(var k=0; k<5-i-1;k++){ document.write(“ ”) }

(3)控制输出圆形,for(var j=0; j<=I; j++){ document.write(“○”); }

(4)最后再输出一个换行即可

我们来编写一下:

<script type="text/javascript">    for(var i=0; i<5; i++){      //每一行的空格,行数 - 当前行输出 ○ 的个数      for(var k=0; k<5-i-1; k++){          document.write("  ");// 为空格      }      for(var j=0; j<=i; j++){          document.write("○");      }        document.write("
");    }script>

这样就能打印出来靠右的三角形

5ef48125055ee59b056e4f2fb920a34e.png

1c0c1b4ff7f3a6aef435a152df3fa24c.png

- End –

ec34ce383bec26fbd053abb0de887e87.png

--- web分享,分享的不只是web

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值