javascript遍歷物件的屬性簡單介紹

本章節介紹一下如何遍歷物件的屬性，需要的朋友可以做一下參考。

實現此功能非常的簡單，使用for in語句即可實現，但是還是有一些細節需要注意。

先看一段簡單程式碼例項:

[JavaScript] 純文字檢視 複製程式碼
var obj={
  webName:"螞蟻部落",
  url:"softwhy.com",
  age:3
}
for(prop in obj){
  console.log(obj[prop])
}

上面的程式碼實現了遍歷功能，程式碼非常的簡單。

for in語句也可以遍歷原型鏈上的自定義的屬性，程式碼例項如下:

[JavaScript] 純文字檢視 複製程式碼
function Antzone(){
  this.webName="螞蟻部落";
  this.url="softwhy.com";
  this.age=3;
}
Antzone.prototype.address="青島市南區";
var antzone=new Antzone();
for(prop in antzone){
  console.log(antzone[prop])
}

由此可見，原型鏈上的自定義屬性也是可以遍歷的，如果我們只想獲取自有屬性，那麼程式碼可以改造如下:

[JavaScript] 純文字檢視 複製程式碼
function Antzone(){
  this.webName="螞蟻部落";
  this.url="softwhy.com";
  this.age=3;
}
Antzone.prototype.address="青島市南區";
var antzone=new Antzone();
for(prop in antzone){
  if(antzone.hasOwnProperty(prop)){
    console.log(antzone[prop])
  }
}

其實使用propertyIsEnumerable()方法也可以實現，更多內容可以參閱相關閱讀。

相關閱讀:

（1）.prototype可以參閱javascript prototype原型一章節。

（2）.hasOwnProperty()方法可以參閱javascript hasOwnProperty()一章節。

（3）.propertyIsEnumerable()方法可以參閱propertyIsEnumerable()一章節。