• Live2D 看板娘


      循环是多次执行同一段代码的一种手段。当你需要在一个数组或对象集上重复执行相同的任务时,这是非常有用的。

      JavaScript提供执行for和while循环的功能。

      1、while循环

      JavaScript中最基本的循环类型是while循环。while循环测试表达式,并继续执行包含在它的{}括号中的代码,直到表达式计算结果为false为止。

      例如,下面的while循环一直执行,直到i等于5为止:

        var i = 1;

        while (i<5){

          console.log("Iteration" + i);

          i++;

        }

      本示例将下面的输出发送到控制台:

        Iteration 1

        Iteration 2

        Iteration 3

        Iteration 4

      2、do/while循环

      另一种类型的while循环是do/while循环。如果你总是想至少执行一次循环中的代码,并且除非代码至少执行一次,否则不能对表达式进行测试时,这是很有用的。

      例如,下面的do/while循环一直执行,知道days等于wednesday为止:

        var days = ["monday","tuesday","wednesday","thursday","friday"];

        var i=0;

        do{

          var day=days[i++];

          console.log("it's " + day)

        }while (day != "wednesday");

      这是在控制台的输出:

        it's monday

        it's tuesday

        it's wednesday

      

      3、for循环

      JavaScript的for循环允许你使用一个把3个语句结合成一个执行块的for语句,将代码执行特定的次数。它的语法如下:

        for(赋值;条件;更新){

          要执行的代码;

        }

      for语句使用如下所示的3个语句来执行循环。

      赋值:这是在循环开始前执行的,并且不再次执行。它被用来初始化将在循环的条件语句中使用的变量。

      条件:在循环的每次迭代之前计算该表达式的值。如果表达式的值为true,则循环继续执行;否则,for循环执行结束。

      更新:在每次迭代中,更新在执行了循环中的代码后执行。这通常用于递增在条件中使用的计数器。

      下面的例子说明了一个for循环,其中一个循环嵌套在另一个循环内:

        for (var x=1;x<=3;x++){

          for (var y=1;y<=3;y++){

            console.log(x+"x"+y+"="+(x*y));

          }

        }

      输出到Web控制台的结果是:

        1x1=1

        1x2=2

        1x3=3

        2x1=2

        2x2=4

        2x3=6

        3x1=3

        3x2=6

        3x3=9

      4、for/in循环

      另一种类型的for循环是for/in循环。for/in循环在能够被迭代的任何数据类型上执行。在大多数情况下,你将在数组和对象中使用for/in循环。下面的例子说明了一个简单的数组上的for/in循环的语法和行为:

        var days = ["monday","tuesday","wednesday","thursday","friday"];

        for (var idx in days){

          console.log("it's" + + days[idx] + "<br>");

        }

      注意,每次迭代循环时,变量idx都被调节,从开始的数组索引带最后的索引。输出结果为:

        it's monday

        it's tuesday

        it's wednesday

        it's thursday

        it's friday

      5、中断循环

      当你使用循环时,有时候你需要在代码本身的内部中断代码的执行,而无须等待下一次迭代。有两种不同的方法来做到这一点:使用break和continue关键字。

      关键字break完全停止执行一个for或while循环。在另一方面,continue关键字停止执行循环内的代码,并继续进行下一个迭代。考虑下面的几个例子。

      这个例子显示了break的使用,如果这一天是星期三(wednesday):

        var days =  ["monday","tuesday","wednesday","thursday","friday"];

        for (var idx in days){

          if (days[idx] == "wednesday")

            break;

          console.log("it's" + days[idx] + "<br>");

        }

      一旦该值是星期三,循环执行就完全停止:

        it's monday

        it's tuesday

      这个例子显示了continue的使用,如果这一天是星期三:

        var days = ["monday","tuesday","wednesday","thursday","friday"];

        for (var idx in days){

          if(days[idx] == "wednesday")

            continue;

          console.log("it's" + days[idx] + "<br>");

        }

      请注意,因为是continue语句,对于星期三,不执行写操作(continue.log()),但此循环的执行是完整的:

        it's monday

        it's tuesday

        it's thursday

        it's friday

  • 相关阅读:
    TSQL语句 创建表
    数据库设计
    WampServer
    表单验证之相等验证
    表单验证之非空验证
    遗忘的知识点
    JavaScript函数
    JS之数组
    JS的分支与循环语句
    JavaScript基础语法要点总结
  • 原文地址:https://www.cnblogs.com/jiangtengteng/p/5220196.html
Copyright © 2020-2023  润新知