jQuery可以很方便地遍歷Json樹。以下是一個簡單的示例:
var jsonData = { "name": "John Doe", "age": 35, "address": { "street": "123 Main St", "city": "Anytown", "state": "CA", "zip": "12345" }, "phoneNumbers": [ { "type": "home", "number": "555-555-1234" }, { "type": "work", "number": "555-555-5678" } ] }; function traverseJson(jsonObj) { $.each(jsonObj, function(key, value) { if(typeof value === "object") { traverseJson(value); } else { console.log(key + ": " + value); } }); } traverseJson(jsonData);
首先,我們定義了一個包含一些嵌套對象和數組的Json數據。然后,我們定義了一個名為traverseJson的函數,它采用一個Json對象作為參數。
函數中的$.each方法是jQuery的遍歷函數。它接受兩個參數:要遍歷的對象,以及在每個迭代中調用的回調函數。我們的回調函數有兩個參數:屬性名和屬性值。
如果屬性的值是一個對象,我們將遞歸地調用遍歷Json的函數。否則,我們將打印出該屬性及其值。
最后,我們調用traverseJson函數,并將jsonData對象作為參數傳遞。