js如何遍歷陣列中的元素

陣列是很好的組織資料的資料結構，遍歷陣列元素是常見的操作，下面就通過程式碼例項介紹一下如何遍歷陣列中的元素，希望能夠給初學者程式碼一定的幫助。

一.使用for迴圈語句:

[JavaScript] 純文字檢視 複製程式碼
var theArray=["antzone","螞蟻部落",2,"青島市南區"];
for(var i=0;i<theArray.length;i++){
  console.log(theArray[i]);
}

二.使用for in語句:

[JavaScript] 純文字檢視 複製程式碼
var theArray=["antzone","螞蟻部落",2,"青島市南區"];
for(var prop in theArray){
  console.log(theArray[prop]);
}

使用for in語句也可以遍歷陣列中的元素。

但是需要注意的是，for in語句可以遍歷到並非只有陣列項，而且還可以有為陣列物件新增的自定義屬性和原型鏈上的自定義屬性，程式碼例項如下:

[JavaScript] 純文字檢視 複製程式碼
var theArray=["antzone","螞蟻部落",2,"青島市南區"];
theArray.webName="努力奮鬥";
for(var prop in theArray){
  console.log(theArray[prop]);
}

自定義的webName屬性也被遍歷出來的，這往往並非是我們想要的，所以儘量要用for迴圈進行變數，關於for in語句這裡就不多介紹了，具體可以參閱javascript for in語句一章節。