JavaScript教程-JavaScript 循环

JavaScript循环用于使用for、while、do while或for-in循环来迭代代码块。它使代码更紧凑，并且在处理数组时非常常用。

JavaScript中有四种类型的循环。

1. for循环
2. while循环
3. do-while循环
4. for-in循环

1) JavaScript For循环

JavaScript for循环用于固定次数的元素迭代。如果迭代次数是已知的，则应该使用for循环。for循环的语法如下：

for (初始化; 条件; 自增/自减) {
  要执行的代码
}

让我们看一个简单的JavaScript for循环示例。

<script>
    for (var i = 1; i <= 5; i++) {
        document.write(i + "<br/>");
    }
</script>

输出：

1 
2 
3 
4
5

2) JavaScript while循环

JavaScript while循环用于无限次数的元素迭代，即迭代次数未知。应该在不知道迭代次数的情况下使用while循环。while循环的语法如下：

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

让我们看一个简单的JavaScript while循环示例。

<script>
    var i = 11;
    while (i <= 15) {
        document.write(i + "<br/>");
        i++;
    }
</script>

输出：

11 
12 
13 
14 
15

3) JavaScript do while循环

JavaScript do while循环与while循环类似，它用于无限次数的元素迭代。但不管条件是true还是false，代码至少会被执行一次。do while循环的语法如下：

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

让我们看一个简单的JavaScript do while循环示例。

<script>
    var i = 21;
    do {
        document.write(i + "<br/>");
        i++;
    } while (i <= 25);
</script>

输出：

21 
22 
23 
24 
25

4) JavaScript for in循环

JavaScript for in循环用于迭代对象的属性。我们稍后会详细讨论它。