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>");
}

 

posted @ 2017-05-16 11:17  西北野狼  阅读(202)  评论(0编辑  收藏  举报