在日常工作過程中，我們對於javaScript遍歷物件、陣列的操作是十分的頻繁的，今天抽空把經常用到的方法小結一下，方便今後參考使用！

    javaScript遍歷物件總結

1、使用Object.keys()遍歷  
    
      返回一個數組,包括物件自身的(不含繼承的)所有可列舉屬性(不含Symbol屬性).

var obj = {'0':'a','1':'b','2':'c'};

Object.keys(obj).forEach(function(key){

     console.log(key,obj[key]);

});

2、使用for..in..遍歷     

      迴圈遍歷物件自身的和繼承的可列舉屬性(不含Symbol屬性).
 

var obj = {'0':'a','1':'b','2':'c'};

for(var i in obj) {

     console.log(i,":",obj[i]);

}

 

3、使用Object.getOwnPropertyNames(obj)遍歷

      返回一個數組,包含物件自身的所有屬性(不含Symbol屬性,但是包括不可列舉屬性).

var obj = {'0':'a','1':'b','2':'c'};
Object.getOwnPropertyNames(obj).forEach(function(key){

    console.log(key,obj[key]);

});
 

4、使用Reflect.ownKeys(obj)遍歷

      返回一個數組,包含物件自身的所有屬性,不管屬性名是Symbol或字串,也不管是否可列舉.  

var obj = {'0':'a','1':'b','2':'c'};
Reflect.ownKeys(obj).forEach(function(key){

console.log(key,obj[key]);

});

javaScript遍歷陣列總結

1、使用forEach遍歷

var arr=[1,2,3,4];

arr.forEach(function(val, index) {

console.log(val, index);
});

 
 

2、使用for..in..遍歷

var arr=["張三","李四","王五","趙六"];

for (var i in arr){

console.log(i,":",arr[i]);

}

3、使用for-of遍歷

     不僅支援陣列，還支援大多數類陣列物件，例如DOM NodeList物件.

     也支援字串遍歷，它將字串視為一系列的Unicode字元來進行遍歷.

var arr=["張三","李四","王五","趙六"];

for (var value of arr){

    console.log(value);

}