JS實現(xiàn)遍歷不規(guī)則多維數(shù)組的方法
本文實例講述了JS實現(xiàn)遍歷不規(guī)則多維數(shù)組的方法。分享給大家供大家參考,具體如下:
直接進(jìn)入正文:
我們有時候處理數(shù)據(jù),可能會遇到一些不規(guī)則(無法預(yù)料的數(shù)據(jù)結(jié)構(gòu)),那么拿到這種數(shù)據(jù)我們?nèi)绾芜M(jìn)行遍歷操作呢?舉個例子:
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ù)會有各種不可預(yù)料的變化),如果想遍歷這種數(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
本例運行結(jié)果如下:
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript排序算法總結(jié)》、《JavaScript數(shù)學(xué)運算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》及《JavaScript錯誤與調(diào)試技巧總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
javascript中關(guān)于break,continue的特殊用法與介紹
javascript大家所熟知中的for是一個循環(huán)體,循環(huán)體其中的break和continue也是大家都比較熟悉的功能,相信大家對它們的用法不會陌生,本文不是介紹其功能,本文假設(shè)你已經(jīng)熟悉break和continue的語意和用法2012-05-05JavaScript中保留小數(shù)點后N位方法總結(jié)
這篇文章主要為大家詳細(xì)介紹了JavaScript中保留小數(shù)點后N位的幾個常用方法,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起了解一下2023-06-06javascript中運用閉包和自執(zhí)行函數(shù)解決大量的全局變量問題
做為一個javascript新手,為了程式的簡便,可能會在javascript中運用了大量的全局變量,雖然一時看來,問題解決了,而且也可能讓編碼變得更加的簡單。2010-12-12- 向?qū)Э梢宰屇愕木W(wǎng)站用戶快速上手使用你的web應(yīng)用,提高網(wǎng)站的吸引力。向?qū)б话惴譃楹脦讉€步驟,每個步驟收集一些數(shù)據(jù),并且支持退回功能,所有步驟完成后可以得到每一步的收集結(jié)果。這里給大家展示一種比較通用,靈活且簡單的向?qū)Э蚣堋?/div> 2011-08-08
文件上傳,iframe跨域數(shù)據(jù)提交的實現(xiàn)
下面小編就為大家?guī)硪黄募蟼?iframe跨域數(shù)據(jù)提交的實現(xiàn)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-11-11最新評論