本文實例講述了JavaScript遍歷數組和對象的元素。分享給大家供大家參考，具體如下：

博主最近一直在學習JavaScript，今天給大家分享如何遍歷JavaScript中的數組和對象的元素，這篇文章相當于做一篇小的筆記，希望能幫助到大家！

遍歷數組

<script>var arr = ['關羽','張飛','趙云','馬超','黃忠'];//定義數組//遍歷數組for(var i = 0;i<arr.length;i++){  console.log(arr[i]);}</script>

運行結果：

遍歷對象

<script>var obj = {'name':'webbc','age':22,'area':'淮南'};//定義對象//遍歷對象元素for(var k in obj){  console.log(k+':'+obj[k]);//注意這里應該使用obj[k]這種方式來遍歷屬性，如果使用obj.k，就會認為obj對象中有一個k屬性}</script>

運行結果：

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.VeVB.COm/code/HtmlJsRun測試上述代碼運行效果。

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

在線JS常見遍歷方式性能分析比較工具：http://tools.VeVB.COm/aideddesign/js_bianli

更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《JavaScript數組操作技巧總結》、《JavaScript遍歷算法與技巧總結》、《javascript面向對象入門教程》、《JavaScript數學運算用法總結》、《JavaScript數據結構與算法技巧總結》及《JavaScript錯誤與調試技巧總結》

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