本文實(shí)例講述了JS實(shí)現(xiàn)遍歷不規(guī)則多維數(shù)組的方法。分享給大家供大家參考,具體如下:
10年的冠縣網(wǎng)站建設(shè)經(jīng)驗(yàn),針對(duì)設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對(duì)一服務(wù),響應(yīng)快,48小時(shí)及時(shí)工作處理。成都營(yíng)銷網(wǎng)站建設(shè)的優(yōu)勢(shì)是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同,自動(dòng)調(diào)整冠縣建站的顯示方式,使網(wǎng)站能夠適用不同顯示終端,在瀏覽器中調(diào)整網(wǎng)站的寬度,無論在任何一種瀏覽器上瀏覽網(wǎng)站,都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì),從而大程度地提升瀏覽體驗(yàn)。成都創(chuàng)新互聯(lián)從事“冠縣網(wǎng)站設(shè)計(jì)”,“冠縣網(wǎng)站推廣”以來,每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。
直接進(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ì)有所幫助。