JavaScript的循环语句

1.JavaScript的循环语句

（1）for循环语句 - 循环代码块一定的次数；

（2）for/in循环语句 - 循环遍历对象的属性；

（3）while循环语句 - 指定的条件为true时，循环指定的代码；

（4）do/while循环语句 - 当指定的条件为true时，循环指定的代码。

2.for循环语句

（1）for循环语句的语法

//for循环的语句语法
for(语句1;语句2;语句3){
    //被执行的代码块
}

语句1：在循环开始前执行；可以省略，也可以初始化多个值。

语句2：定义循环的条件；可以省略，默认初始值为true,当省略此项时，如果在代码块中没有break则该循环无法停下来。

语句3：在循环被执行后执行，当循环代码块中有响应的代码时，可以省略。

（2）示例

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>for循环语句</title>
</head>
<body>
<p>for循环的简单使用</p>
<p id="demo"></p>
<button type="button" onclick="test()">点我开始循环</button>
<script>
function test(){
    var a = "";
    for(var i = 1;i <= 5;i++){
        a = a + "第" + i + "次循环；" + "<br/>"
    }
    document.getElementById("demo").innerHTML = a;
}
</script>
</body>
</html>

3.for/in循环语句

　　用于遍历对象的属性。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>for/in - 遍历对象中的属性</title>
</head>
<body>
<p>遍历对象属性</p>
<p id="demo"></p>
<button type="button" onclick="test()">点我遍历对象属性</button>
<script>
    var stu = {
            name : "架构师",
            age : 27,
            sex : "男"
    };
    function test(){
        var a;
        var text = "";
        for(a in stu){
            text = text + stu[a] + "<br/>"
        }
        document.getElementById("demo").innerHTML = text;
    }
</script>
</body>
</html>

4.while循环语句

　　while循环语句在指定条件为true时，将循环执行代码块。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>while循环</title>
</head>
<body>
<p>while循环</p>
<p id="demo"></p>
<button type="button" onclick="test()">点击开始while循环</button>
<script>
    var count = 0;
    var text ="";
    function test(){
        while(count<5){
            text = text + "值为：" + count + "<br/>";
            count = count + 1;
        }
        document.getElementById("demo").innerHTML = text;
    }
</script>
</body>
</html>

5.do/while循环语句

　　do/while 循环是 while 循环的变体。该循环会执行一次代码块，在检查条件是否为真之前，然后如果条件为真的话，就会重复这个循环。

do
{
  //需要执行的代码
}
while (条件);

　　示例：

<!DOCTYPE html>
<html>
<body>

<p>点击下面的按钮，只要 i 小于 5 就一直循环代码块。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>

<script>
function myFunction()
{
var x="",i=0;
do
  {
  x=x + "The number is " + i + "<br>";
  i++;
  }
while (i<5)
document.getElementById("demo").innerHTML=x;
}
</script>

</body>
</html>

6.break语句

　　break语句用于跳出循环，当使用break语句跳出循环后，将会执行该循环之后的代码。

//break语句的使用
for(int i=0;i<=10;i++){
    if(i==5){
        //当i=5时，跳出循环
        break;
    }
}
//跳出循环后将执行循环后的代码

7.continue语句

　　continue语句用于中断循环中的迭代，跳过指定条件的迭代，然后继续循环中的下一个迭代。

for(int i=0;i<=10;i++){
    if(i==5){
        //跳过此次迭代，continue后的语句不执行
        continue;
    }
    x = x + i;
}

JavaScript的循环语句的更多相关文章

  1. JavaScript 的循环语句语法摘要

     if条件语句语法: if(condition){ statements; } 理解:圆括号里的是条件参数  ,花括号里的为执行的语句. 示例代码:if(1>2){ alert("Th ...

  2. JavaScript之循环语句

    (1)while语句 while(条件){ 条件为真,进入循环体.出现0 null undefined false其中任意一种情况,条件即为假 循环体 } 案例: var n=0; var count ...

  3. 你可能不知道的java、python、JavaScript以及jquary循环语句的区别

    一.概述 java循环语句分为四种形式,分别是 while, do/while, for, foreach: python中循环语句有两种,while,for: JavaScript中循环语句有四种, ...

  4. javascript语句——条件语句、循环语句和跳转语句

    × 目录 [1]条件语句 [2]循环语句 [3]跳转语句 前面的话 默认情况下,javascript解释器依照语句的编写顺序依次执行.而javascript中的很多语句可以改变语句的默认执行顺序.本文 ...

  5. 高性能JavaScript 循环语句和流程控制

    前言 上一篇探讨了达夫设备对于代码性能的影响,本文主要探讨并且测试各种常见的循环语句的性能以及流程控制中常见的优化. 循环语句 众所周知,常用的循环语句有for.while.do-while以及for ...

  6. Javascript基础系列之（六）循环语句（while语句）

    循环语句的作用是反复的执行同一段代码,尽管分几种不同的类型,但其原理几乎相同:只要给定的条件满足,包含在循环体内的语句会不断执行,一旦条件不再满足则终止. while循环是前测试循环,这意味着是否终止 ...

  7. JavaScript基础4——关于语句流程控制（分支语句、循环语句等）

    分支语句 (1)if...else...语句,基本格式分三种,如下 <script type="text/javascript"> var i=50; //if语句 i ...

  8. JavaScript基本语法 -- 条件语句 & 循环语句

    条件语句 条件语句(Conditional statement)是JavaScript里面的基本结构之一,程序根据表达式的真假决定执行或者跳过某个分支,于是,条件语句有时候也可以称为"分支语 ...

  9. javascript里的循环语句

    前序:我一直对于for跟for..in存在一种误解,我觉得for都能把事情都做了,为啥还要for...in...这玩意了,有啥用,所以今天就说说JavaScript里的循环语句. 循环 要计算1+2+ ...

随机推荐

  1. 夺命雷公狗—angularjs—13—post参数的接收发送

    我们强悍的angularjs为我们不仅仅提供了他的get接收方式,而且也有post的接收方式,我们现在做一个模拟接收后端传递过来的json的数据: <?php $arr = ['user'=&g ...

  2. 夺命雷公狗---node.js---2node.js中的npm的常用命令

    npm install <name> 安装nodejs的依赖包 例如npm install express 就会默认安装express的最新版本,也可以通过在后面加版本号的方式安装指定版本 ...

  3. PTPX中的activity文件以及mapping文件

    在不同的simulation中的capturing switching activity: SAIF:Switching Activity Interface Format,包含toggle coun ...

  4. zw版【转发·台湾nvp系列例程】HALCON ShapeTrans(Delphi)

    zw版[转发·台湾nvp系列例程]HALCON ShapeTrans(Delphi) procedure TForm1.Button1Click(Sender: TObject);var img: H ...

  5. JVM总结

    1. 内存分布: 1). 程序计数器(Program Counter Register)是一块较小的内存空间,它的作用可以看做是当前线程所执行的字节码的行号指示器.线程私有.如果线程正在执行的是一个J ...

  6. ss 公共代理的必要设置（转）

    转: https://gist.github.com/fqrouter/95c037f9a3ba196fd4dd 本文只关注于确保ss服务还“活着”,如果你希望让其跑得更快,请参考 https://g ...

  7. 从Windows 8 安装光盘安装.NET Framework 3.5.1

    在安装一些应用时, 例如安装 Oracle, 可能会缺少了安装 .Net FrameWork 3.5.1 无法继续. 最简单的方法当时是,直接进 控制面板, 在添加删除程序内, 选择增加Windows ...

  8. Makefile学习之make 的运行【转】

    转自:http://blog.csdn.net/suzilong11/article/details/7852830 —————— 一般来说,最简单的就是直接在命令行下输入make命令,make命令会 ...

  9. 【Pro ASP.NET MVC 3 Framework】.学习笔记.7.SportsStore：购物车

    3 创建购物车 每个商品旁边都要显示Add to cart按钮.点击按钮后,会显示客户已经选中的商品的摘要,包括总金额.在购物车里,用户可以点击继续购物按钮返回product目录.也可以点击Check ...

  10. 源码安装Apache，报错：Cannot use an external APR with the bundled APR-util和httpd: Could not reliably determine the server's fully qualified domain name, using

    一.解决APR和APR-util错误: 1.1.安装APR: [root@ganglia httpd-2.2.23]# cd srclib/apr [root@ganglia apr]# ./conf ...