JavaScript基础之循环

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 = ['n', 'l', 'c'];

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 语句后面先出现的是代码块，然后才是条件，条件在代码块之后，这意味着代码块无论如何都会被执行一次。

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

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

参考链接：JavaScript For 循环 、 JavaScript While 循环