首頁  >  文章  >  web前端  >  JS實作遍歷不規則多維數組的方法

JS實作遍歷不規則多維數組的方法

亚连
亚连原創
2018-05-26 17:31:141815瀏覽

這篇文章主要介紹了JS實作遍歷不規則多維數組的方法,涉及javascript數組遞歸遍歷相關實現與使用技巧,需要的朋友可以參考下

本文實例講述了JS實現遍歷不規則多維數組的方法。分享給大家供大家參考,具體如下:

直接進入正文:

我們有時候處理數據,可能會遇到一些不規則(無法預料的數據結構),那麼拿到這種數據我們要如何進行遍歷操作呢?舉個例子:

var data= {
    a: { one: 1, two: 2, three: {four:'2',five:'4'} },
    b: { six: 4, seven: 5, eight: 6 },
    c: { nine: 7, ten: 8}
}

例如上邊的數據(實際情況是這個數據會有各種不可預料的變化),如果想遍歷這種數據,用單純的for in就無法遍歷了。

其實這種資料遍歷也簡單,使用遞迴的方法,就可以完美的解決這個問題

程式碼如下:

function traverse(obj) {
    for (var a in obj) {
      if (typeof(obj[a]) == "object") {
        traverse(obj[a]); //递归遍历
      } else {
        console.log(a + "=" + obj[a]); //如果是值就显示
      }
    }
}
traverse(data)

最後我們只要呼叫這個方法,把obj傳入,就成功的遍歷了整個data

本例運行結果如下:

#上面是我整理給大家的,希望今後會對大家有幫助。

相關文章:

jQuery中ajax的4種常用請求方式介紹

使用原生ajax處理json字串的方法

聊聊Ajax提交form表單的看法與認知

以上是JS實作遍歷不規則多維數組的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn