首頁 > web前端 > js教程 > 如何操作JS遍歷多維數組

如何操作JS遍歷多維數組

php中世界最好的语言
發布: 2018-06-14 14:50:09
原創
3726 人瀏覽過

這次帶給大家如何操作JS遍歷多維數組,操作JS遍歷多維數組的注意事項有哪些,下面就是實戰案例,一起來看一下。 z

直接進入正文:

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

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

本例運行結果如下:

#相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

JS回呼函數使用參數

#使用iview的ui框架自訂播放器

以上是如何操作JS遍歷多維數組的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板