如何在沒有外部函式庫的情況下有效率地遍歷 JavaScript 中的巢狀 JSON 物件？

使用JavaScript 導航JSON 物件層次結構：自訂解決方案

許多開發人員尋求工具來遍歷複雜的JSON 結構，但專用於此任務的庫通常看起來有些過分。在本文中，我們將針對這項常見挑戰探索客製化的 JavaScript 解決方案。

雖然 XML 文件有大量 DOM 遍歷技術，但 JSON 解析提出了自己獨特的要求。輸入以下程式碼片段：

// Sample JSON object
const o = {
  foo: 'bar',
  arr: [1, 2, 3],
  subo: {
    foo2: 'bar2'
  }
};

// Custom traversal function:
function traverse(obj, callback) {
  for (const key in obj) {
    callback(key, obj[key]);
    if (obj[key] && typeof obj[key] === 'object') {
      traverse(obj[key], callback);
    }
  }
}

此函數採用遞歸方法，遍歷物件樹，並為每個屬性及其值呼叫回調函數。回調本身是使用者定義邏輯的佔位符。

考慮以下範例：

// Callback function:
function process(key, value) {
  console.log(`${key} : ${value}`);
}

// Traverse the object using the custom function:
traverse(o, process);

應用於範例o 物件時，輸出將為：

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

這種方法消除了外部依賴，並提供了一種輕量級機制來遍歷深層JSON 結構。對於需要手動遍歷或優於笨重框架的應用程式來說，它特別有用。

以上是如何在沒有外部函式庫的情況下有效率地遍歷 JavaScript 中的巢狀 JSON 物件？的詳細內容。更多資訊請關注PHP中文網其他相關文章！