JavaScript遍歷數(shù)組和對(duì)象的元素簡(jiǎn)單操作示例
本文實(shí)例講述了JavaScript遍歷數(shù)組和對(duì)象的元素。分享給大家供大家參考,具體如下:
博主最近一直在學(xué)習(xí)JavaScript,今天給大家分享如何遍歷JavaScript中的數(shù)組和對(duì)象的元素,這篇文章相當(dāng)于做一篇小的筆記,希望能幫助到大家!
遍歷數(shù)組
<script> var arr = ['關(guān)羽','張飛','趙云','馬超','黃忠'];//定義數(shù)組 //遍歷數(shù)組 for(var i = 0;i<arr.length;i++){ console.log(arr[i]); } </script>
運(yùn)行結(jié)果:
遍歷對(duì)象
<script> var obj = {'name':'webbc','age':22,'area':'淮南'};//定義對(duì)象 //遍歷對(duì)象元素 for(var k in obj){ console.log(k+':'+obj[k]);//注意這里應(yīng)該使用obj[k]這種方式來(lái)遍歷屬性,如果使用obj.k,就會(huì)認(rèn)為obj對(duì)象中有一個(gè)k屬性 } </script>
運(yùn)行結(jié)果:
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具:http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。
PS:這里再為大家推薦一款JS數(shù)組遍歷方式分析對(duì)比工具供大家參考:
在線JS常見(jiàn)遍歷方式性能分析比較工具:http://tools.jb51.net/aideddesign/js_bianli
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《javascript面向?qū)ο笕腴T教程》、《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- JS數(shù)組及對(duì)象遍歷方法代碼匯總
- js/jquery遍歷對(duì)象和數(shù)組的方法分析【forEach,map與each方法】
- JS中數(shù)組與對(duì)象的遍歷方法實(shí)例小結(jié)
- JQuery $.each遍歷JavaScript數(shù)組對(duì)象實(shí)例
- jquery遍歷篩選數(shù)組的幾種方法和遍歷解析json對(duì)象
- Javascript的數(shù)組與字典用法與遍歷對(duì)象的技巧
- JS遍歷數(shù)組和對(duì)象的區(qū)別及遞歸遍歷對(duì)象、數(shù)組、屬性的方法詳解
- javaScript遍歷對(duì)象和數(shù)組的方法總結(jié)
相關(guān)文章
JS判斷字符串長(zhǎng)度的5個(gè)方法(區(qū)分中文和英文)
這篇文章主要介紹了JS判斷字符串長(zhǎng)度的5個(gè)方法,并且區(qū)分中文和英文,需要的朋友可以參考下2014-03-03JS實(shí)現(xiàn)textarea通過(guò)換行或者回車把多行數(shù)字分割成數(shù)組并且去掉數(shù)組中空的值
這篇文章主要介紹了JS實(shí)現(xiàn)textarea通過(guò)換行或者回車把多行數(shù)字分割成數(shù)組并且去掉數(shù)組中空的值的相關(guān)資料,需要的朋友可以參考下2018-10-10JavaScript如何借用構(gòu)造函數(shù)繼承
這篇文章主要介紹了JavaScript如何借用構(gòu)造函數(shù)繼承,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-11-11easyui-combobox 實(shí)現(xiàn)簡(jiǎn)單的自動(dòng)補(bǔ)全功能示例
下面小編就為大家?guī)?lái)一篇easyui-combobox 實(shí)現(xiàn)簡(jiǎn)單的自動(dòng)補(bǔ)全功能示例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧,2016-11-11layui使用數(shù)據(jù)表格實(shí)現(xiàn)購(gòu)物車功能
這篇文章主要為大家詳細(xì)介紹了layui使用數(shù)據(jù)表格實(shí)現(xiàn)購(gòu)物車功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-07-07JavaScript實(shí)現(xiàn)QQ列表展開收縮擴(kuò)展功能
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)QQ列表展開收縮擴(kuò)展功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-10-10Javascript實(shí)現(xiàn)飛動(dòng)廣告效果的方法
這篇文章主要介紹了Javascript實(shí)現(xiàn)飛動(dòng)廣告效果的方法,可實(shí)現(xiàn)廣告窗口的浮動(dòng)顯示效果,且廣告窗口具有關(guān)閉功能,需要的朋友可以參考下2015-05-05js關(guān)閉當(dāng)前頁(yè)面(窗口)的幾種方式總結(jié)
js關(guān)閉當(dāng)前頁(yè)面(窗口)的幾種方式總結(jié),需要的朋友可以參考一下2013-03-03JS求1到任意數(shù)之間的所有質(zhì)數(shù)的方法詳解
這篇文章主要介紹了JS求1到任意數(shù)之間的所有質(zhì)數(shù),本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下2019-05-05