JavaScript中的循环

来源:互联网 发布:js如何获取自定义属性 编辑:程序博客网 时间:2024/06/07 09:57

在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'}});
原创粉丝点击