• 技术文章 >web前端 >前端问答

    javascript的循环语句是什么

    长期闲置长期闲置2022-04-06 14:55:20原创281

    JavaScript循环语句是由循环体和终止条件两个部分组成的语句,循环体是重复执行的语句,终止条件是决定能否继续重复的条件。JavaScript循环语句:1、for语句;2、for in语句;3、while语句;4、do while语句。

    本教程操作环境:windows10系统、javascript1.8.5版、Dell G3电脑。

    javascript的循环语句是什么

    在不少实际问题中有许多具有规律性的重复操作,因此在程序中就需要重复执行某些语句。

    一组被重复执行的语句称之为循环体,能否继续重复,决定循环的终止条件。循环结构是在一定条件下反复执行某段程序的流程结构,被反复执行的程序被称为循环体。循环语句是由循环体及循环的终止条件两部分组成的。那么我们下面就介绍一下我们常用的循环语句。

    JavaScript 支持四种不同类型的循环:

    for语句

    for语句的语法格式如下:

    for (语句1; 语句2; 语句3) {
    要执行的代码块
    }

    语句 1 在循环(代码块)开始之前执行。语句1是可选的,如果没有语句,直接写个分号就可以。我们一般在语句1里初始化一些变量,变量可以是一个,也可以是多个,多个变量由逗号分隔。

    语句 2 定义运行循环(代码块)的条件。如果条件成立,进入循环,执行循环里的代码块,否则,结束循环。语句2也是可选的,如果没有语句,直接写个分号,但是,需要注意,如果没有语句,需要在循环体里写一个break,否则,永远不会结束,成死循环了。

    语句 3 会在循环(代码块)每次被执行后执行。语句3也是可选的,语句3的内容可以在循环体里写。

    注意一个小细节,语句3结束没有分号。

    写个小例子:

    <p id="demo"></p>
    <script>
            var text = "",i;
        
            for (i = 0; i < 5; i++) {
                  text += "The number is " + i + "<br>";
            }
    document.getElementById("demo").innerHTML = text;
    </script>

    语句 1 在循环开始之前设置了一个变量(var i = 0)。

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

    语句 3 会在代码块每次执行之后对值进行递增(i++)。

    for/in语句

    for/in 语句一般用于遍历对象的属性,语法格式如下:

    for (属性名 in 对象) {
    要执行的代码块
    }

    写个小例子:

    <p id="demo"></p>
    <script>
            var person = {name:"刘小妞", sex:"女", work:"自媒体"}; 
            var x,txt = "";
            for (x in person) {
              txt += person[x] + " ";
            }
    document.getElementById("demo").innerHTML = txt;
    </script>

    x代表属性名,属性名可以随便定义,类似形参。通过对象[属性名]的形式访问属性值,不能用对象.属性名这种形式。

    while语句

    while的语法格式如下:

    while (条件) {
    要执行的代码块
    }

    如果条件成立,会一直循环执行代码块。

    写个小例子:

    <p id="demo"></p>
    <script>
        var text = "";
        var i = 0;
        while (i < 10) {
          text += "<br>数字是 " + i;
          i++;
        }
    document.getElementById("demo").innerHTML = text;
    </script>

    注意一点,如果你写的不是死循环的话,一定要在循环体里有能够让条件不成立的语句。

    例如上面的例子,循环体里有i++,当i递增到10的时候,循环结束。

    do/while语句

    do/while的语法格式如下:

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

    do/while 循环是 while 循环的变体。

    在检查条件是否为真之前,这种循环会执行一次代码块,然后只要条件为真就会重复循环。

    写个小例子:

    <p id="demo"></p>
    <script>
        var text = ""
        var i = 0;
        
        do {
              text += "<br>数字是 " + i;
              i++;
        }
        while (i < 10);  
        
    document.getElementById("demo").innerHTML = text;
    </script>

    相关推荐:javascript学习教程

    以上就是javascript的循环语句是什么的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:javascript
    上一篇:javascript有main函数吗 下一篇:javascript有没有继承
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• 深入了解JavaScript引擎如何执行JS代码• javascript中const的含义是什么• 深入了解JavaScript的内存与性能问题• javascript怎么改变ul的class• javascript可以在哪些环境下运行
    1/1

    PHP中文网