JavaScript for循环

JavaScript for循环教程

在 JavaScript 中，循环可以分为 for循环 、for in循环、 while循环 和 do while循环。for 循环用于从某个开始条件到某个结束条件，每次执行一个指定的逻辑。

JavaScript for循环详解

语法

for (var i = startIndex; i < endIndex; i++){
    //do something
}

参数

参数	说明
for	for 循环使用的关键字。
i	for 循环使用的计数变量。
startIndex	for 循环的开始初始条件。
endIndex	for 循环的结束条件。
i++	每次循环执行后，计数器的变化。

说明

从 startIndex 开始，到 endIndex 结束，每次循环执行 {} 里面的代码逻辑。

案例

for循环

使用 for循环，打印计数器

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript for循环</title>
        <script type="text/javascript">
            console.log("嗨客网(www.haicoder.net)");
            for (var i = 0; i < 3; i++){
                console.log("i =", i);
            }
            console.log("Over");
        </script>
    </head>
</html>

程序运行后，控制台输出如下：

12_javascript for循环.png

我们定义了一个 for 循环结构，计数器变量 i 从 0 开始，结束条件是 i < 3，每次执行一次循环都打印出 i 的值，并且将 i 的值加 1。

for死循环

没有开始条件和结束条件，实现for死循环

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript for死循环</title>
        <script type="text/javascript">
            console.log("嗨客网(www.haicoder.net)");
            for (var i = 0; ;i++){
                console.log("i =", i);
            }
            console.log("Over");
        </script>
    </head>
</html>

程序运行后，控制台输出如下：

13_javascript for循环.png

我们定义了一个 for 循环结构，该 for 循环没有结束条件，因此是一个死循环。我们在循环开始之前定义了一个变量 i，并赋值为 0，每次执行 for 循环之后，i 的值加1，同时每执行完一次，这个程序会一直执行下去，不会终止，我们需要强制关闭浏览器从而结束程序。

for循环求和

使用 for循环，求 1 到 100 的和

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript for循环求和</title>
        <script type="text/javascript">
            console.log("嗨客网(www.haicoder.net)");
            var sum = 0;
            for (var i = 0; i < 101; i++){
                sum += i;
            }
            console.log("Sum =", sum);
            console.log("Over");
        </script>
    </head>
</html>

程序运行后，控制台输出如下：

14_javascript for循环.png

我们定义了一个 for 循环结构，计数器变量 i 从 0 开始，结束条件是 i < 101，每次执行一次循环都将当前的 i 的值加到变量 sum 上去，并且将 i 的值加 1。

最后，我们打印变量 sum 的值，为 5050，即 1 到 100 的和。

JavaScript for循环总结

JavaScript 中的 for 循环用于从某个开始条件到某个结束条件，每次执行一个指定的逻辑。JavaScript for 循环语法：

for (var i = startIndex; i < endIndex; i++){
    //do something
}