JavaScript中的循环

在JavaScript中，有以下几种方式可以进行不同类型循环操作。

以下有变量值条件判断必须有改变变量值的程序，不然循环会一直进行导致浏览器崩溃

一：for循环 - 循环代码块一定的次数

//必须三个语句，两个分号分割
// 第一个语句初始化循环中所用的变量，可无变量或任意个变量 (var i=0)
// 第二个语句初始变量是否能进行循环操作的评判条件，条件结果为true运行，false跳出循环，可选 (i<10)
// 第三个语句初始变量循环后的值操作，可选 (i++)
for(var i=0;i<10;i++){
    console.log(i); //0 1 2 3 4 5 6 7 8 9
}

二：for/in循环 - 循环遍历对象的属性

//对obj对象的属性进行循环操作
var obj={
    name:'Jack',
    age:10,
    sex:'female',
    class:'tenth'
}
for(x in obj){
    console.log(x); //name age sex class
    console.log(obj[x]);    //Jack 10 female tenth
}

三：while循环 - 当指定的条件为 true 时循环指定的代码块

//只要指定条件(i<5)为 true，循环就可以一直执行代码
var i=0;
while(i<5){
    console.log(i); //0 1 2 3 4
    i++;
}

四：do/while循环 - 同样当指定的条件为 true 时循环指定的代码块

//先运行代码再检查条件
var i=0;
do{
    console.log(i); //0 1 2 3 4
    i++;
}
while(i<5)

五：forEach循环 - 数组循环遍历

//遍历简单数组
var arr=[1,2,3,4,5];
arr.forEach(function(i){
    console.log(i);  //1 2 3 4 5
});
//遍历json对象等复杂数组
var persons=[
    {name:'jack',age:10,sex:'male'},
    {name:'mark',age:12,sex:'male'},
    {name:'mary',age:14,sex:'female'}
];
persons.forEach(function(obj){
    console.log(obj);    //{name:'jack',age:10,sex:'male'} {name:'mark',age:12,sex:'male'}  {name:'mary',age:14,sex:'female'}
});