JavaScript 循环语句全集解析

计算机最起初的功能就是用来计算的，特别是那些重复的工作要用到循环。JavaScript 循环经常用到，有以下几种方式。
一、for循环语法：

for (语句 1; 语句 2; 语句 3) { 被执行的代码块 }

语句1是初始条件；语句2是结束条件，也就是判断条件；语句3是递增条件。
例如：

var sum=0; for(var i=0; i< 1000; i++){ sum=sum+i; } console.log(sum); //499500

使用JavaScript 循环一下子算出来了。
除了用于计算之外，循环最常用的地方是利用索引来遍历数组。

例如：

var arr = ['apple','banana','cat','dog','egg','foot','god']; var i; for(i=0; i< arr.length; i++){ console.log(arr[i]); }

文章图片
简单的几行代码就可以把数组里面的元素遍历一次。
也许你会问，既然for()里面的是循环条件，如果我什么条件也不添加，会怎么样呢？
如果for( )没添加任何条件，那应该是这样书写的for(; ; )因为条件是空，可是还得保持3个条件的语法格式。
例如：

for(; ; ){ if(i>1000){ break; } sum=sum+i; console.log(sum) }

然后就会发现，测试的浏览器卡住了，因为for(; ; )会进入死循环，也就是会无线循环。浏览器都要崩溃了。这时候要在循环体里面添加break来退出循环。
二、for… in… 循环for… in… 用户遍历对象的属性的循环语句。可以把对象的所有属性罗列出来。
例如：

var project = { name:'小明', age:18, school:'附中', father:'大明', mother:'阿芳', 'best-friend':'小红', address:'北京路', phone:'13314756284' } for(var i in project){ console.log(i); }

文章图片
因为我们知道，对象会继承父类的属性，所以当我们想要遍历出对象属性的时候，过滤掉那些继承的属性，只得出改对象的属性，我们应该用hasOwnProperty( )方法。
例如：

for(var j in project){ if(project.hasOwnProperty(j)){ console.log(j) } }

添加过滤添加就可以。
上面是遍历出对象的属性，如果把for… in… 用在数组中，得到的是数组的索引。
例如：

var arr1 = ['apple','banana','cat','dog','egg','foot','god']; for(var i in arr1){ console.log(i) }

文章图片
要注意的是，这种方式的出来的索引不是number类型的，而是字符串类型的，因为索引也是数组的属性。
我们也可以用这种索引的方式访问数组。
例如：

var arr1 = ['apple','banana','cat','dog','egg','foot','god']; for(var i in arr1){ console.log(arr1[i]) }

三、while循环For循环有三个条件，二、而while循环只有一个条件，只要满足就继续循环，一旦不满足就结束循环，比较好理解。
例如：

var i =0; var sum=0; while(i< 1000){ sum=sum+i; i+=1; } console.log(sum)//499500

当i=999时，进行while判断，小于1000，继续循环，循环体中i +1 = 1000，回头继续进行while判断，发现1000不小于1000，不满足条件，所以退出循环。
四、do… while循环【JavaScript 循环语句全集解析】do… while是先执行混循环体再进行判断条件是否满足，所以无论如何，循环体都会至少执行一次。