zoukankan      html  css  js  c++  java
  • js循环语句

    ##循环语句##

    循环语句,也是流程控制语句不可或缺的一种结构。在JS中实现循环的方式有好几种

    ###循环###

    为什么要循环?

    <br>举一个简单例子,如果要计算1加到10,或许你会挨个写出来,但是,1加到100呢?加到1000呢?

    这时,就是我们的循环语句登场了

    ###while循环###

    <br>while循环是一种常见的循环,表达式如下:

    <br>while(表达式){

    //循环体

    }

    <br>可能大家看不懂,给大家举个例子吧:

    <br>let i = 1,sum = 0;

    <br>while(i <= 100){

      sum += i;

      i++;

    }console.log(sum);//结果:5050

    <br>这就是一个简单的while循环

    ####无穷循环####

    无穷循环,也就是死循环,这是在我们无法退出循环时会遇到的一种情况。

    <br>所以,一般来说,我们在设计循环的时候,要为循环设计一个出口,在不满足循环条件是就会退出循环,如果没有设计循环出口,那么循环语句将无法退出,陷入到无穷循环中。

    ###do..while循环###

    这种循环能至少执行一次。

    <br>首先先进行一次循环体,然后在检测循环条件的表达式是否为“真”,如果是,就重复执行循环语句。

    <br>表达式:

    <br>do{

    //执行语句;

    }while(表达式);

    <br>例:

    <br>let i = 1,sum = 0;

    <br>do{

      sum += i;

      i++;

    }while(i <= 100);

    console.log(sum);//结果:5050

    ###for循环###

    for是一种常见的循环,表达式为:

    <br>for(表达式1;表达式2;表达式3){

    //循环体

    }

    <br>它的执行顺序很有特点:首先先执行表达式1,然后判断表达式2,如果成立,那么就进行循环体执行,循环体执行结束后,进入表达式3,然后还要再看表达式2是否成立,成立就继续执行,不成立就跳出循环结束。

    <br>例:

    <br>let sum = 0;

    for(let i=1;i<=100;i++){

      sum += i;

    }console.log(sum);//结果:5050

    <br>方法2:

    <br>let i = 1,sum = 0;

    for(;i<=100;){

      sum += i;

      i++;

    }console.log(sum);//结果:5050

    ####遍历数组####

    最早时,JS就常用for循环对数组进行遍历,如:

    <br>let arr = [1,2,3,4,5];

    <br>for(let i=0;i<arr.length;i++){

    console.log(arr[i]);

    }

    ###循环嵌套###

    循环嵌套就是我们可以吧一个循环嵌套在另一个循环里面,从而形成循环嵌套。里面的循环称之为内层循环,外面的循环成为外层循环。

    <br>注:外层循环每循环一次,都要把内层循环先全部执行完才可以

    <br>例(九九乘法表):

    <br>let str = "";for(let i=1;i<=9;i++){

    for(let j=1;j<=i;j++){

      str += i + "*" + j + "=" + (i*j) + " "

    }

    console.log(str);

      str = ""; }

    <br>展示如下:

    <br>1x1=1

    <br>2x1=2 2x2=4

    <br>3x1=3 3x2=6 3x3=9

    <br>4x1=4 4x2=8 4x3=12 4x4=16

    <br>5x1=5 5x2=10 5x3=15 5x4=20 5x5=25

    <br>6x1=6 6x2=12 6x3=18 6x4=24 6x5=30 6x6=36

    <br>7x1=7 7x2=14 7x3=21 7x4=28 7x5=35 7x6=42 7x7=49

    <br>8x1=8 8x2=16 8x3=24 8x4=32 8x5=40 8x6=48 8x7=56 8x8=64

    <br>9x1=9 9x2=18 9x3=27 9x4=36 9x5=45 9x6=54 9x7=63 9x8=72 9x9=81

    ###break和continue###

    1.break

    <br>break语句是可以跳出switch语句或者循环语句,但需要注意一点,break语句不能直接作用于if语句,除非这个if语句是被嵌套在循环语句内部。

    <br>例:

    <br>for(表达式1;表达式2;表达式3){

    if(条件){

    //执行语句

    break;

      }

    }

    <br>2.continue

    <br>它可以结束本次循环,但并非终止整个循环,这是跳过这个循环体后面的语句,开始进行下一次新的循环。

    <br>注:continue语句是结束本次循环,跳过后面的语句;break语句是结束整个循环。

    ###outer###

    outer可以去除数组中重复的样式

    <br>注:outer要写在生命属性名前,并且要在它需要结束的地方再写出

  • 相关阅读:
    git--简单操作
    flask--简记
    Python--进阶处理9
    Python--比较两个字典部分value是否相等
    Python--进阶处理8
    Python--进阶处理7
    Python--进阶处理6
    Python--进阶处理5
    java7连接数据库 网页 添加学生信息测试
    使用类的静态字段和构造函数,可以跟踪某个类所创建对象的个数。请写一个类,在任何时候都可以向它查询“你已经创建了多少个对象?”
  • 原文地址:https://www.cnblogs.com/akangwx0624/p/11108123.html
Copyright © 2011-2022 走看看