javascript的循环语句怎么用

这篇文章主要介绍“javascript的循环语句怎么用”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“javascript的循环语句怎么用”文章能帮助大家解决问题。

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

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

javascript的循环语句

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

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

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

• for：多次遍历代码块

• for/in：遍历对象属性

• while：当指定条件为 true 时循环一段代码块

• do/while：当指定条件为 true 时循环一段代码块

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的循环语句怎么用”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注编程网html频道，小编每天都会为大家更新不同的知识点。