在前端開發中，有時我們需要處理非常復雜的 JSON 數據。jQuery 是一個強大的 JavaScript 庫，提供了方便的方法來處理 JSON 數據。本文將介紹如何使用 jQuery 遍歷復雜 JSON 數據。

首先，我們需要一個例子來演示如何遍歷 JSON。假設我們有以下 JSON：

{
"name": "Tom",
"age": 25,
"address": {
"street": "Main St.",
"city": "New York",
"state": "NY"
},
"skills": [{
"name": "JavaScript",
"level": "expert"
},
{
"name": "HTML",
"level": "advanced"
},
{
"name": "CSS",
"level": "advanced"
}
]
}

我們需要遍歷上述 JSON 中的每個屬性和數組，以便在網頁中顯示出來。

首先，我們可以使用 $.each() 方法遍歷 JSON 中的屬性：

$.each(jsonData, function(key, value) {
console.log(key + ": " + value);
});

此代碼會在瀏覽器控制臺中輸出 JSON 中的每個屬性和它對應的值。

如果 JSON 中的某個屬性是一個數組，我們可以使用 $.each() 方法遍歷它。例如：

$.each(jsonData.skills, function(index, skill) {
console.log(skill.name + ": " + skill.level);
});

這會在瀏覽器控制臺中輸出 skills 數組中的每個元素，包括其名稱和級別。

如果 JSON 中的某個屬性是對象，我們也可以在 $.each() 方法中嵌套另一個 $.each() 方法來遍歷它。例如：

$.each(jsonData.address, function(key, value) {
console.log(key + ": " + value);
});

這會在瀏覽器控制臺中輸出 address 對象中的每個屬性和它對應的值。

總的來說，使用 jQuery 遍歷 JSON 數據非常方便，使我們能夠輕松地在網頁中顯示和操作 JSON 數據。