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

  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

JavaScript基础——实现循环的更多相关文章

  1. JavaScript 基础数组循环和迭代的几种方法

    JavaScript 数组循环和迭代   (之前一直没怎么注意数组循环,今天做一道题时,用到forEach循环发现它并没有按照我想象的样子执行,总结一下数组循环) 一.第一种方法就是for()循环   ...

  2. JavaScript 基础(四) 循环

    JavaScript的循环有两种,一种是for 循环,通过初始条件,结束条件和递增条件来循环执行语句块: var x = 0; var i; for(i=1; i <=10000; i++){ ...

  3. javascript基础之循环

    //while循环 <script type="text/javascript"> i = 1; while (i <= 6) { document.write( ...

  4. javascript基础系列(入门前须知)

    -----------------------小历史---------------------------- javascript与java是两种语言,他们的创作公司不同,JavaScript当时是借 ...

  5. 前端(十二)—— JavaScript基础操作:if语句、for循环、while循环、for...in、for...of、异常处理、函数、事件、JS选择器、JS操作页面样式

    JavaScript基础操作 一.分支结构 1.if语句 if 基础语法 if (条件表达式) { 代码块; } // 当条件表达式结果为true,会执行代码块:反之不执行 // 条件表达式可以为普通 ...

  6. javascript基础入门之js中的结构分支与循环语句

    javascript基础入门之js中的结构分支与循环语句 程序的结构①顺序结构:自上而下:②选择(分支)结构:多条路径,根据不同的条件,只执行其中一个:③循环结构:重复某些代码④配合特定的语句实现选择 ...

  7. JavaScript基础

    JavaScript基础 JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处 ...

  8. 前端之JavaScript基础

    前端之JavaScript基础 本节内容 JS概述 JS基础语法 JS循环控制 ECMA对象 BOM对象 DOM对象 1. JS概述 1.1. javascript历史 1992年Nombas开发出C ...

  9. 一步步学习javascript基础篇(3):Object、Function等引用类型

    我们在<一步步学习javascript基础篇(1):基本概念>中简单的介绍了五种基本数据类型Undefined.Null.Boolean.Number和String.今天我们主要介绍下复杂 ...

随机推荐

  1. ProgressDialog使用总结

    以前对ProgressDialog不太熟练,特地看到的这个文章 ProgressDialog的使用  ProgressDialog 继承自AlertDialog,AlertDialog继承自Dialo ...

  2. 剑指Offer 和为S的两个数字

    题目描述 输入一个递增排序的数组和一个数字S,在数组中查找两个数,使得他们的和正好是S,如果有多对数字的和等于S,输出两个数的乘积最小的. 输出描述: 对应每个测试案例,输出两个数,小的先输出. 思路 ...

  3. opencv中的视频的读入

    #include"stdafx.h"#include"opencv2/opencv.hpp" using namespace cv;int g_slider_p ...

  4. 关于在android 4.2.2 上运行runlmbench

    在剑锋的基础上加一些自己笔记,让自己更懂一些这个流程. 参考:http://www.cnblogs.com/zengjfgit/p/5731655.html runlmbench 是一款在linux ...

  5. Objective C 内存管理[转]

    1  配对原则 alloc – release new – release retain - release copy – release 2  new和alloc-init的区别 (1)区别只在于a ...

  6. METEOR 及ANGULARJS

    最近学习:METEOR 及ANGULARJS,收藏相关资源: 1.METEOR 中文书:http://zh.discovermeteor.com/ 2.METEOR 及ANGULARJS 联合开发:h ...

  7. c++ vector struct 使用

    1. //test.h #include <string> using namespace std; struct AA { string a1; string a2; string a3 ...

  8. WPS Office文档未保存怎么恢复

    有时候用WPS Office时,文档还没保存,因为电脑卡死或者关机,再次打开时编辑的内容都不见了,这个时候可以利用WPS自带的备份功能来恢复文档,表格.幻灯片.文档都是可以的. 首先单击WPS左上角的 ...

  9. 16. javacript高级程序设计-HTML5脚本编程

    1. HTML5脚本编程 l 跨文档消息传递API能够让我们在不降低同源策略安全性的前提下,在来至不同的域的文档间传递消息 l 原生拖放功能可以方便的指定某个元素是否可以拖动,并在放置时做出响应.还可 ...

  10. ePass1000 Full ActiveX Control Reference Manual Version 2.0

    ePass1000 Full ActiveX Control Reference Manual Version 2.0 Error Code Value Return Status Descripti ...