首頁 > web前端 > js教程 > 主體

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

亚连
發布: 2018-05-26 17:31:14
原創
1814 人瀏覽過

這篇文章主要介紹了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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!