JavaScript的两种for循环

来源《JS For循环》：

JavaScript循环语句可以让程序重复运行代码块中的语句。

JS For 循环1：

for ( 语句1; 语句2; 语句3; ) {
        代码块
}

语法解析：

• 语句1 - 只在循环第一次运行前执行，一般用于变量初始化
• 语句2 - 是一个条件表达式，该表达式成立，循环才会继续进行；若不成立，则结束循环
• 语句3 - 每次循环执行后，运行一次语句3，一般用来累加步长

JS For 循环示例：

var i, text;
var gangs = ["太平天国", "义和团", "天地会", "日月神教", "红花会", "学生会"];
for (i = 0; i < gangs.length; i++) { 
  text += gangs[i] + "<br>";
}

JS For 循环示例解析：

• 语句1 - i=0，第一次循环前的i被初始化为0，i会在每次循环中作为数组的索引位置数字
• 语句2 - i<gangs.length, 这是一个条件表达式，只要i没有超出数组的最大索引位置，则会一直执行下去；若不成立，则结束循环
• 语句3 - i++的意思就是每次循环执行后，变量i的值加1，i++是i=i+1的简写

JS For 循环2：

for / in 语句的语法

for ( i in obj ) {
        代码块
}

语法解析：

• obj指代Object类型的一些对象，如Array数组、Object对象
• 若是数组，变量i就会遍历数组，每轮循环中，i等于相应的索引数字
• 若是Object对象（特指专否中归纳的那种字典类型对象），则会以变量i遍历obj的所有的预设属性（从字典的角度来看，就是遍历所有的键）
• 变量i的变量名是可以随意自定义的，提前声明好即可

JS For 循环示例1：

var gangs = ["太平天国", "义和团", "天地会", "日月神教", "红花会", "学生会"];
var text = "";
var i;
for (i in gangs) {
  text += i + " ---> " + gangs[i] + "<br>";
}

JS For 循环示例2：

var gangs = { "taiping": "太平天国", 
              "yihe": "义和团", 
              "tiandi": "天地会",
              "riyue": "日月神教",
              "honghua": "红花会", 
              "xuesheng": "学生会" };              
var text = "";
var i;
for (i in gangs) {
  text += i + " ---> " + gangs[i] + "<br>";
}