JavaScript教程day07-循环

循环

for

Javascript的循环有两种，一种是for循环，通过初试条件、结束条件和递增条件来循环执行语句块

var x = 0;
var i;
for (i = 1; i <= 100; i++) {
    x = x + i;
}
x; // 50005000

for最常用的地方是利用索引来遍历数组

var arr = ['Apple', 'Google', 'Microsoft'];
var i, x;
for (i=0; i<arr.length; i++) {
    x = arr[i];
    alert(x);
}

for循环的3个条件都是可以省略的，如果没有退出条件，就必须使用break语句退出循环，否则就是死循环：

var x=0;
for(;;) {
    if(x > 100) {
        break;
    }
    x++;
}

for...in...

for循环的一个变体就是for...in...循环，它可以把一个对象的所有属性一次循环出来

var o {
    name : 'Jack',
    age : 20,
    city : 'Beijing'
};
for(var key in o) {
    alert(key); // 'name', 'age', 'city'
}

要过滤掉对象继承的属性用hasOwnProperty()来实现：

var o = {
    name : 'Jack',
    age : 20,
    city : 'Beijing'
};
for (var key in o) {
    if (o.hasOwnProperty(key)) {
        alert(key); // 'name', 'age', 'city'
    }
}

由于Array也是对象，而它的每个元素的索引被视为对象的属性，因此，for...in循环可以直接循环出Array的索引
注意：for...in对Array的循环得到的是String而不是Number

var a = ['A', 'B', 'C'];
for(var i in a){
    alert(i); // '0', '1', '3'
    alert(a[i]); // 'A', 'B', 'C'
}

while

while循环只有一个判断条件，条件满足就不断循环，条件不满足时则推出循环。

var x = 0;
var n = 99;
while (n > 0) {
    x = x + n;
    n = n - 2;
}
x; // 2500

do...while

它和while循环的唯一区别在于，不是在每次循环开始的时候判断条件，而是在每次循环完成时判断条件：
用do{...} while()循环要小心，循环体会至少执行1次，而for和while循环则可能一次都不执行

var n = 0;
do {
    n = n + 1;
} while( n > 100);
n; // 100

笔记整理自廖雪峰JavaScript教程