JavaScript循环

JavaScript中有多种循环方式，这里介绍两种循环，分别是for循环和for in循环。并在最后实现一个用for循环完成的列表循环变色的功能。
for 循环 四部曲：

1. 设置初始值 var i = 0;
2. 设置循环执行的条件 i < 5;
3. 执行循环体中的内容 { [循环体] }
4. 执行每一轮循环完成后，都执行 i++ 累加操作。

语法如下：

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

例如：

for (var i = 0; i < 10; i++) {
    console.log(i); // 分别输出0，1，2，3，4，5，6，7，8，9
}

---

break/ continue
在循环体中遇到这两个关键字，循环体中后面的代码就不再执行了。

for (var i = 0; i < 5; i++) {
        break; // 整个循环结束
        console.log(i); // 不执行了
    }
    for (var i = 0; i < 5; i++) {
        continue; // 每次循环后，后面代码都不执行
        console.log(i);
    }

break: 在循环体中，出现break，整个循环就直接的结束了,i++最后的累加操作也不再执行了。
continue: 在循环体中，出现continue，当前这一轮的循环就结束了，继续下一轮循环，后面的累加操作继续执行。
下面看一道面试题：

    for (var i = 0; i < 10; i++) {
        if (i <= 5) {
            i += 2;
            continue;
        }
        i += 3;
        break;
        console.log(i); // 不输出
    }
    console.log(i); // 输出 9

---

for in循环
for in 循环：用来循环一个对象中的属性名和属性值的。
首先先定义一个对象：

    var obj = {
        name: 'derrick',
        age: 20,
        height: '180cm',
        hobby: 'coding',
        birtyday: '1/1'
    }

要遍历这个对象中的属性名和属性值，就需要使用for in循环了。

    for (var key in obj) {
        console.log(key + ', ' + obj[key]);
        // key->属性名，obj[key]->属性值
        // 在 for in 中，只能通过 对象名[key]来获取属性值，不能使用对象名.key来获取
    }

注意点
对象中有多少键值对，就循环多少次。
顺序问题：在for in 循环的时候，首先循环数字的属性名（按照数字的从小到大获取），再把剩下的属性名按照书写的顺序循环。

---

实例