JavaScript在Web開發中有著廣泛的應用，同時，JSON作為前后端數據交互的常用格式也被廣泛使用。在使用中，經常需要遍歷JSON數據，這篇文章將介紹如何使用JavaScript遍歷JSON數據。

JavaScript中的JSON數據可以是簡單的鍵值對，也可以是嵌套的JSON對象和數組。下面我們舉一個簡單的例子，假設我們有一個JSON對象，存儲了不同水果的價格：

{
"apple": 0.5,
"banana": 0.3,
"orange": 0.4
}

為了遍歷這個JSON對象，我們可以使用for-in循環，代碼如下：

let prices = {
"apple": 0.5,
"banana": 0.3,
"orange": 0.4
};
for (let fruit in prices) {
console.log(<code>${fruit} 的價格是 ${prices[fruit]}</code>);
}

運行結果為：

apple 的價格是 0.5
banana 的價格是 0.3
orange 的價格是 0.4

上面的代碼中，for-in循環通過遍歷prices對象的屬性名稱，即水果名稱，獲得了水果的價格。在循環中，我們使用了模板字面量來輸出每個水果的名稱和價格。

如果我們的JSON數據是嵌套的JSON對象，該如何遍歷呢？下面我們再來看一個例子，假設我們有一個JSON對象，存儲了學生的信息，包括姓名、年齡和科目成績。其中，科目成績又是一個嵌套的JSON對象。

{
"name": "張三",
"age": 18,
"score": {
"語文": 90,
"數學": 95,
"英語": 88
}
}

為了遍歷這個JSON對象，我們可以使用for-in循環結合遞歸實現，代碼如下：

let student = {
"name": "張三",
"age": 18,
"score": {
"語文": 90,
"數學": 95,
"英語": 88
}
};
function traverse(obj) {
for (let key in obj) {
// 如果屬性值為對象，則遞歸遍歷
if (typeof obj[key] === 'object') {
traverse(obj[key]);
} else {
console.log(<code>${key}: ${obj[key]}</code>);
}
}
}
traverse(student);

運行結果為：

name: 張三
age: 18
語文: 90
數學: 95
英語: 88

上面的代碼中，使用traverse函數遞歸地遍歷了JSON對象。在函數中，我們首先使用for-in循環遍歷JSON對象的屬性名稱，判斷屬性值是否為對象，如果是，則遞歸調用traverse函數；如果不是，則輸出屬性名稱和屬性值。

除了for-in循環和遞歸遍歷JSON數據外，我們還可以使用ES6中的Object.keys()、Object.values()和Object.entries()方法來遍歷JSON數據。這些方法分別返回JSON對象的屬性名、屬性值和鍵值對數組，我們可以根據需要選擇使用。

總的來說，JavaScript遍歷JSON數據可能會比較復雜，但是掌握其基本原理和常用方法，將有助于我們更好地處理前后端數據交互和數據處理相關的任務。