1. 程式人生 > >for each....in、for in、for of

for each....in、for in、for of

一、一般的遍歷陣列的方法:

    var array = [1,2,3,4,5,6,7];  
    for (var i = 0; i < array.length; i) {  
        console.log(i,array[i]);  
    }  

二、用for in的方遍歷陣列

    for(let index in array) {  
        console.log(index,array[index]);  
    };  

 

三、forEach

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

四、用for in不僅可以對陣列,也可以對enumerable物件操作

var A = {a:1,b:2,c:3,d:"hello world"};  
for(let k in A) {  
    console.log(k,A[k]);  
} 

五、在ES6中,增加了一個for of迴圈,使用起來很簡單

複製程式碼
    for(let v of array) {  
        console.log(v);  
    };  

      let s = "helloabc"; 

      for(let c of s) {  

      console.log(c); 

     }

 
 總結來說:for in總是得到對像的key或陣列,字串的下標,而for of和forEach一樣,是直接得到值結果

一、一般的遍歷陣列的方法:

    var array = [1,2,3,4,5,6,7];  
    for (var i = 0; i < array.length; i) {  
        console.log(i,array[i]);  
    }  

二、用for in的方遍歷陣列

    for(let index in array) {  
        console.log(index,array[index]);  
    };  

 

三、forEach

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

四、用for in不僅可以對陣列,也可以對enumerable物件操作

var A = {a:1,b:2,c:3,d:"hello world"};  
for(let k in A) {  
    console.log(k,A[k]);  
} 

五、在ES6中,增加了一個for of迴圈,使用起來很簡單

複製程式碼
    for(let v of array) {  
        console.log(v);  
    };  

      let s = "helloabc"; 

      for(let c of s) {  

      console.log(c); 

     }

 
 總結來說:for in總是得到對像的key或陣列,字串的下標,而for of和forEach一樣,是直接得到值結果