zoukankan      html  css  js  c++  java
  • JavaScript for循环

    JavaScript for 循环


     循环可以将代码块执行指定的次数。

     JavaScript 支持不同类型的循环:

    • for - 循环代码块一定的次数
    • for/in - 循环遍历对象的属性
    • while - 当指定的条件为true,循环指定的代码块
    • do/while - 当指定的条件为true,循环指定的代码块

     for循环的语法:

      for(语句1;语句2;语句3){

        被执行的代码块

      }

     语句1(代码块)开始前执行

     语句2  定义运行循环(代码块)的条件

     语句3  在循环(代码块)以被执行之后执行

    例如:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    
    </body>
    <script type="text/javascript">
        for (var i = 0; i < 5; i++) {
            alert("我是for循环");
        }
    </script>
    </html>

    从上面的例子中,可以看出:

    在循环开始之前设置变量(var i = 0;)

    定义循环运行的条件(i 必须小于5)

    在每次代码块已被执行后增加一个值(i++)

    一般使用语句1初始化循环中所使用的变量  ==》(var i = 0;)

    也可以不写语句1,可以在语句1中初始化任意多个值。

    也可以省略语句1,比如在循环之前就已经定义了初始值。

    例如:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    
    </body>
    <script type="text/javascript">
        var i = 0
        for (; i < 5; i++) {
            alert("我是for循环");
        }
    </script>
    </html>

    但是语句1后面的 ==》; 不能省略。

    语句2用于评估初始变量的条件。语句2也是可选的。如果语句返回true则循环再次开始,如果返回false,则循环结束。

    如果省略了语句2,name必须在循环内提供break,否则循环就无法停下来,有可能会让浏览器奔溃。

    语句3通常会增加或者减少初始变量的值,语句3也是可选的,有多种用法,增量可以是负数(i--)或者更大(i = i + 15)

    语句3也可以省略,(比如当循环内部有相应的代码时)

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    
    </body>
    <script type="text/javascript">
        var i = 0, len = cc.length;
        for (; i < len;) {
            alert("我是for循环");
            i++;
        }
    </script>
    </html>

    for/in 循环

    JavaScript for/in 语句循环遍历对象的属性:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    
    </body>
    <script type="text/javascript">
        var person = {
            name : "haha",
            age : 16
        };
        for (x in person) {
            text = text + person[x];
        }
    </script>
    </html>

    JavaScript中for/in不仅可以遍历对象的属性,还可以遍历数组。

     

     -------------------- end ---------------------

  • 相关阅读:
    Mongodb 利用mongoshell进行数据类型转换
    利用Cordova开发移动应用程序
    mongodb Capped Collections 固定集合
    ubuntu desktop使用中遇到的问题
    php session 锁机制和基本安全设置
    mongodb update
    mongodb query
    mongodb Insert 、 remove 、操作原子性(atomicity)
    mongodb index(索引)
    mongodb笔记 getting started
  • 原文地址:https://www.cnblogs.com/jungejava/p/9715796.html
Copyright © 2011-2022 走看看