zoukankan      html  css  js  c++  java
  • JavaScript-循环控制语句/循环嵌套的特点

    【循环控制语句】
      1、break:终止本层循环,继续执行后面的语句;
       当循环有多层时,break只会跳过一层循环;
      2、continue:跳过本次循环,继续执行下一次循环;
       对于for循环,continue执行后,继续执行循环变量更新语句n++
       对于while,do-while,continue执行后,继续执行循环条件判断;所以使用这两个
       循环时,必须注意:continue一定要在n++之后使用;
     
     
    【循环嵌套的特点】
    外层循环转一次,内层循环转一圈
     
    [做图形题思路]
    1、确定图形一共几行,即为外层的循环的
    2、确定每行有几种元素,代表有几个内嵌
    3、确定每种元素的个数,即为每个内层循环的次数;
     Tips:通常,找出每种元素个数,与行号的关系式,即为当前内层循环的最大值;(从1开始循环)
     
    案例:
     
    HTML代码如下:
    <script type="text/javascript">
    /*
    1+(1+2)+(1+2+3)+(1+2+3+4)+(1+2+3+4+5)=35
    */
     
    var sum=0;
     
    for(var n=1;n<=5;n++){
    sumrow=0;
    if(n!=1)document.write("(");
    for(var a=1;a<=n;a++){
    if(a!=n)document.write(a+"+")
    else document.write(a)
    sumrow+=a;
    }
    if(n==1)document.write("+");
    else if(n==5)document.write(")=");
    else  document.write(")+");
     
    sum+=sumrow;
    }
    document.write(sum)
    </script>
     
     
    案例:
     
     
    html代码如下:
    图形题:
    <script type="text/javascript">
    /*[长方形]
      *****
      *****
      *****
      *****
      *****
    */
     
     
    for(var n=1;n<=5;n++){
    for(var m=1;m<=5;m++){
    document.write("*")}
    document.write("*<br />");
     
    }
     
     
     
     
     
    /*[直角三角形]
    *
    **
    ***
    ****
    *****
    */
     
    for(var n=1;n<=5;n++){
    for(var m=1;m<=n;m++){
    document.write("*")
    }document.write("<br />")
    }
     
    /*[平行四边形]
      *****
       *****
        *****
         *****
          *****
    */
     
    for(var n=1;n<=5;n++){
    for(var m=1;m<=n-1;m++){
    document.write("&nbsp")
    }for(var b=1;b<=n;b++){
    document.write("*")
    }document.write("<br />")
    }
     
    /*[菱形]
    *
      ***
    *****
    *******
    *****
      ***
       *
    */
     
    //行
    for(var n=1;n<=4;n++){
    //空格
    for(var m=3;m>=n;m--){
    document.write("&nbsp")
    }for(var b=1;b<=2*n-1;b++){
    document.write("*")
    }document.write("<br />")
    }
    for(var n=3;n>=1;n--){
    for(var m=3;m>=n;m--){
    document.write("&nbsp")
    }for(var b=1;b<=2*n-1;b++){
    document.write("*")
    }document.write("<br />")
     
     
    }
     
    /* [数字等边三角形]
        1
       121
      12321
    1234321
    */
    for(var i=1;i<=4;i++){
    // 空格
    for(var k=1;k<=4-i;k++){
    document.write("<span style='display: inline-block; 8px;'></span>");
    }
    var n = 1;
    // 递增
    for(var j=1;j<=i;j++){
    document.write(n);
    n++;
    }
    n-=2;
    // 递减
    for(var m=1;m<=i-1;m++){
    document.write(n);
    n--;
    }
    // 回车
    document.write("<br/>");
    }
     
    /* [99乘法表]以table表格的形式打印
    1*1=1
    2*1=2 2*2=4
    3*1=3 3*2=6 3*3=9
    4*1=4 4*2=8 4*3=12 4*4=16
    ……
     
    */
    document.write("<table border='1'>")
    for(var i=1;i<=9;i++){
    document.write("<tr>")
    for(var j=1;j<=i;j++){
    document.write("<td>"+i+"*"+j+"="+i*j+"</td>");
    }
    document.write("</tr>")
    }
    document.write("</table>")
     
     
     
     
     
     
     
     
     
    </script>
  • 相关阅读:
    机器学习十四--深度学习-卷积
    机器学习十三——垃圾邮件分类2
    机器学习十二----朴素贝叶斯-垃圾邮件分类
    机器学习十一 ——分类与监督学习,朴素贝叶斯分类算法
    机器学习九----主成分分析
    机器学习八——特征选择
    基于D3.js 绘制一个折柱混合图
    一个轮播图
    贪吃蛇
    数组中哪些方法是响应式的
  • 原文地址:https://www.cnblogs.com/zhuanzhibukaixin/p/6685134.html
Copyright © 2011-2022 走看看