JavaScript -- 循环语句

Posted 2020-09-18 西北野狼

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript -- 循环语句相关的知识，希望对你有一定的参考价值。

javascript 支持不同类型的循环：

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

For 循环

for 循环是您在希望创建循环时常会用到的工具。

语法：

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

while 循环

while 循环会在指定条件为真时循环执行代码块。

语法：

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

do/while 循环

do/while 循环是 while 循环的变体。该循环会在检查条件是否为真之前执行一次代码块，然后如果条件为真的话，就会重复这个循环。

语法：

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

demo:

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <title>循环语句</title>
    </head>

    <body>
        <script type="text/javascript" src="test.js" ></script>
        <button onclick="loop()">循环语句</button>
    </body>

</html>

js里面的循环语句逻辑代码：

/**
 * 循环语句
 */
function loop(){
        document.write("----------for循环遍历-----------" + "<br>");
            cars = ["BMW", "Volvo", "Saab", "Ford"];
            for (var i = 0; i < cars.length; i++) {
                document.write(cars[i] + "<br>");
            }
            document.write("---------------------" + "<br>");
            var i = 0,
                len = cars.length;
            for (; i < len;) {
                document.write(cars[i] + "<br>");
                i++;
            }
            document.write("----------for/in 语句循环遍历对象的属性-----------" + "<br>");
            var x;
            var txt = "";
            var person = {
                fname: "Bill",
                lname: "Gates",
                age: 56
            };
            //通过for in 进行对象遍历
            for (x in person) {
                //字符串拼接，通过+
                txt = txt + person[x];
            }
            document.write(txt + "<br>");
            document.write("----------while循环语句----------" + "<br>");
            var x = "",
                i = 0;
            while (i < 5) {
                x = x + "该数字为 " + i + "<br>";
                i++;
            }
            document.write(x + "<br>");
            document.write("----------do while循环语句----------" + "<br>");
            var x = "",
                i = 0;
            do {
                x = x + "the number is " + i + "<br>";
                i++;
            }
            while (i < 5)
            document.write(x + "<br>");
}

以上是关于JavaScript -- 循环语句的主要内容，如果未能解决你的问题，请参考以下文章

JavaScript 循环

JavaScript基础 if 循环 for 循环

JavaScript基本语法 -- 条件语句 & 循环语句

javascript流程控制语句-循环

JavaScript流程语句

JavaScript for循环