JS實現(xiàn)遍歷不規(guī)則多維數(shù)組的方法
本文實例講述了JS實現(xiàn)遍歷不規(guī)則多維數(shù)組的方法。分享給大家供大家參考,具體如下:
直接進入正文:
我們有時候處理數(shù)據(jù),可能會遇到一些不規(guī)則(無法預料的數(shù)據(jù)結構),那么拿到這種數(shù)據(jù)我們?nèi)绾芜M行遍歷操作呢?舉個例子:
var data= { a: { one: 1, two: 2, three: {four:'2',five:'4'} }, b: { six: 4, seven: 5, eight: 6 }, c: { nine: 7, ten: 8} }
比如上邊的數(shù)據(jù)(實際情況是這個數(shù)據(jù)會有各種不可預料的變化),如果想遍歷這種數(shù)據(jù),用單純的for in就無法遍歷了。
其實這種數(shù)據(jù)遍歷也簡單,使用遞歸的方法,就可以完美的解決這個問題
代碼如下:
function traverse(obj) { for (var a in obj) { if (typeof(obj[a]) == "object") { traverse(obj[a]); //遞歸遍歷 } else { console.log(a + "=" + obj[a]); //如果是值就顯示 } } } traverse(data)
最后我們只要調(diào)用這個方法,把obj傳入,就成功的遍歷了整個data
本例運行結果如下:
更多關于JavaScript相關內(nèi)容感興趣的讀者可查看本站專題:《JavaScript數(shù)組操作技巧總結》、《JavaScript遍歷算法與技巧總結》、《JavaScript排序算法總結》、《JavaScript數(shù)學運算用法總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》、《JavaScript查找算法技巧總結》及《JavaScript錯誤與調(diào)試技巧總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
javascript中關于break,continue的特殊用法與介紹
javascript大家所熟知中的for是一個循環(huán)體,循環(huán)體其中的break和continue也是大家都比較熟悉的功能,相信大家對它們的用法不會陌生,本文不是介紹其功能,本文假設你已經(jīng)熟悉break和continue的語意和用法2012-05-05javascript中運用閉包和自執(zhí)行函數(shù)解決大量的全局變量問題
做為一個javascript新手,為了程式的簡便,可能會在javascript中運用了大量的全局變量,雖然一時看來,問題解決了,而且也可能讓編碼變得更加的簡單。2010-12-12文件上傳,iframe跨域數(shù)據(jù)提交的實現(xiàn)
下面小編就為大家?guī)硪黄募蟼?iframe跨域數(shù)據(jù)提交的實現(xiàn)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-11-11