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循环

do…while是先执行混循环体再进行判断条件是否满足，所以无论如何，循环体都会至少执行一次。

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