本文例項講述了js中forEach，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的方遍歷陣列，得到的是索引

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

三、forEach，得到的是元素

var array = [1,7];

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

array.forEach(function(e){
  console.log(e);
});

四、用for in不僅可以對陣列,也可以對enumerable物件操作!得到的是索引

var table = {
  a : 10,b : true,c : "jadeshu"
};

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

五、在ES6中,增加了一個for of迴圈，得到的是

var array = [1,7];

for(let ele of array) {
  console.log(ele);
};

var str = "helloabc";
for(let ele of str) {
  console.log(ele);
}

for of不能物件用

感興趣的朋友可以使用線上HTML/CSS/JavaScript程式碼執行工具：http://tools.jb51.net/code/HtmlJsRun測試上述程式碼執行效果。

PS：這裡再為大家推薦一款JS陣列遍歷方式分析對比工具供大家參考：

線上JS常見遍歷方式效能分析比較工具：http://tools.jb51.net/aideddesign/js_bianli

更多關於JavaScript相關內容感興趣的讀者可檢視本站專題：《JavaScript陣列操作技巧總結》、《JavaScript遍歷演算法與技巧總結》、《javascript面向物件入門教程》、《JavaScript數學運算用法總結》、《JavaScript資料結構與演算法技巧總結》及《JavaScript錯誤與除錯技巧總結》

希望本文所述對大家JavaScript程式設計有所幫助。