js中的循环

循环五要素：

①循环变量；

②循环变量初始值；

③循环变量终值（条件）；

④循环变量的步长；

⑤循环体（反复执行的任务）。

遍历：挨个挨个的去看。

 

①while循环：

while（表达式）{

　　循环体；

}

表达式是一个终止的条件；条件成立进入循环体，直到条件不成立时终止结束。

 

②do...while ：

do{

　　循环体；

}while（表达式）；

先执行循环体，后判断，如果条件成立，继续执行循环体，直到条件不成立时结束。

 

③for循环：

for（表达式1；表达式2；表达式3）{　　　　　　　　　　　　　　//小括号中的两个分号不能去掉；

　　　　循环体

}

 

④forEach：遍历数组，但不能使用break、continue和return语句

//对象数组
var  arr = [
        {guangzhou: '广州', shanghai: '上海', beijing: '北京'},
        {Monday: '星期一', Tuesday: '星期二', Wednesday: '星期三'}
    ]
arr.forEach(function(value,index){ //第一个参数是值，第二个参数是下标（索引）
    console.log(value)
    console.log(index)
})

//数组
var arr = ["星期一","星期二","星期三"];
arr.forEach(function(value,index){//第一个参数是值，第二个参数是下标（索引）
        console.log(value)
        console.log(index)
})

⑤for…in：遍历数组索引、对象的属性
使用for…in遍历时，原型链上的所有属性都将被访问

//数组
var arr = ["星期一","星期二","星期三"];

Array.prototype.playing = ["打游戏","吃瓜"];

for (var i in arr){ // i是下标（索引）  console.log(arr[i]) }

解决方法：使用hasOwnProperty()
hasOwnProperty()方法可以检测一个属性是存在于实例中，还是存在于原型中。这个方法只在给定属性存在于对象实例中时，才会返回true。

//数组
var arr = ["星期一","星期二","星期三"];
Array.prototype.playing = ["打游戏","吃瓜"];
for (var i in arr){
    if(arr.hasOwnProperty(i)){ 
        console.log(arr[i])
    }
}

⑥for…of：遍历数组的值

1. 1. var arr = ['nick','freddy','mike','james'];
   2.  
      for(var item of arr){
   3.  
      console.log(item);
   4.  
      }

 

for of和for in的区别：

①for in 可以遍历对象，for of不能；

②for of可以用来遍历map集合，for in 不能；

③for in遍历数组得到的是数组的下标，而for of遍历数组得到的是数组的元素；

④for in遍历键，for of遍历值