Home / Blog / it

JavaScript基础之循环

Author: Vic.Wang 2015/10/18 Tags:循环forforinwhiledowhileloop

JavaScript中有四种循环,for循环for-in循环while循环do-while循环

for循环:

        for (var i = 0; i < 10; i++) {
            /*循环体*/
        }
                    

for循环是使用最多的循环,由初始部分、条件部分、自增/自减部分组成。这三部分都是可选的。

        for (var i = 0; i < 10; i++) {
            for (var j = 0; j < i; j++) {
                /*循环体*/
            }
        }
                    

for循环也是可以嵌套使用的,不过一般也就两重嵌套,很少有应用会嵌套两重以上。

以下就是可选的

        var i = 0, num = 0;
        for (;;) {
            num += i;
            if (++i == 10) {
                break;
            }
        }
                    

for-in循环:

for-in循环往往用来遍历数组或对象,主要适用不方便用索引序号及没有规则的key/value键值对,最适合的应用场景是对象(Object)。

        var arr = ['l', 'y', 'x', 'd'];

        for (var key in arr) {
            console.log(key);  /*键*/
            console.log(arr[key]);  /*值*/
        }
                    
        var obj = {'name': 'vic', 'job': 'front-end'};

        for (var key in obj) {
            console.log(obj[key]);
        }
                    

while循环:

        var i = 0;
        while (i < 10) {
            i++;
        }
                    

while循环也是常用的循环,语句分为两部分:小括号中的条件和大括号中的代码块。当条件值为true时,代码块才会执行。

do-while循环:

        var i = 0;
        do {
            i++;
        } while (i < 10);
                    

do-while循环是while循环的轻微变种。

do语句后面先出现的是代码块,然后才是条件,条件在代码块之后,这意味着代码块无论如何都会被执行一次。

如果我们将上面2段代码的i初始化为11,while循环将不会执行,而do-while循环会执行一次。

想要更详细的了解,请看W3C的文档。

参考链接:JavaScript For 循环 JavaScript While 循环