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