如何在純 JavaScript 中高效率地遍歷 JSON 物件樹？

在沒有外部函式庫的 JavaScript 中遍歷 JSON 物件樹

遍歷 JSON 物件樹可能是處理複雜資料結構時的常見任務。雖然 JavaScript 提供了豐富的函數庫來處理對象，但沒有專門的函式庫來遍歷對象樹。這似乎是一項簡單的任務，但它常常導致重新發明輪子。

與 XML 提供各種基於 DOM 的方法來遍歷樹不同，JavaScript 缺乏類似的 JSON 物件機制。本文提出了一種使用純 JavaScript 函數遍歷 JSON 物件樹的高效且簡單的解決方案。

自訂遞歸遍歷函數

此解決方案涉及建立一個遍歷的自訂遞歸函數物件樹。函數traverse() 有兩個參數：

• o：要遍歷的JSON 物件
• func：處理樹中每個節點的回呼函數

該函數迭代物件中的每個屬性及其值。對於每個屬性-值對，它會呼叫回調函數來處理資料。如果該值是另一個物件且不為 null，則該函數會遞歸呼叫自身來遍歷子物件。

範例用法

為了示範用法，讓我們考慮以下內容JSON物件：

var o = { 
    foo:"bar",
    arr:[1,2,3],
    subo: {
        foo2:"bar2"
    }
};

我們定義一個process()函數來記錄每個的key和value節點：

function process(key,value) {
    console.log(key + " : "+value);
}

現在，我們可以使用traverse()遍歷物件樹：

traverse(o,process);

這將輸出以下內容：

foo : bar
arr : 1
arr : 2
arr : 3
subo : [object Object]
foo2 : bar2

注意輸出包含子物件的鍵，但不包括其屬性。這是因為 traverse() 函數不會遞歸遍歷子物件。要實現全深度遍歷，需要相應修改程式碼。

以上是如何在純 JavaScript 中高效率地遍歷 JSON 物件樹？的詳細內容。更多資訊請關注PHP中文網其他相關文章！