JS中for,for...in,for...of以及foreach循環的用法

1.for()循環

// for循環的表達式之間用的是;號分隔的，千萬不要寫成,
for (初始化表達式1; 判斷表達式2; 自增表達式3) {
  // 循環體4
}

2.for...in索引遍歷

 

var obj1 = {
    name:'張三',
    age : 17,
    sex : '男',
}

for(var k in obj1){
    console.log(k);
    console.log(obj1[k]);
}

 

注意：使用for …in語法，同樣可以遍歷數組

注意：如果屬性名或方法名，是一個變量，則使用對象[變量名] 語法

3.for...of值遍歷

 

//遍歷數組
var team = ["師父", "大師兄", "二師兄", "沙師弟", "小白龍"];
for(var v of team){
      console.log(v);
}
//也可以遍歷字符串
var str = "zhangsan";
for(var v of str){
      console.log(v);
}

 

注意：不能遍歷對象

4.數組.forEach方法

 

array.forEach(v=>{  
    console.log(v);  
});
array.forEach（function(v){  
    console.log(v);  
});