JSON是一種輕量級的文本數據格式，廣泛應用于數據交換和存儲。在開發Web應用程序時，經常需要從JSON中讀取數據。本文將介紹如何在JavaScript中讀取JSON文件。

首先，我們需要使用XMLHttpRequest對象從服務器獲取JSON文件。這可以通過使用以下代碼實現：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'data.json', true);
xhr.onreadystatechange = function(){
if(xhr.readyState === 4 && xhr.status === 200){
var json = JSON.parse(xhr.responseText);
console.log(json);
}
};
xhr.send();

上述代碼會向服務器發送一個GET請求，并在收到響應時將響應文本解析為一個JSON對象，并將其打印到控制臺中。

注意，在讀取JSON文件時，必須確保服務器返回的文本格式符合JSON規范。否則，JSON.parse()方法可能無法解析文件。

一旦我們已經成功地讀取了JSON數據，就可以方便地使用JavaScript操作這些數據了。例如，我們可以使用以下代碼來訪問JSON對象的屬性：

var name = json.name;
var age = json.age;

我們還可以使用for循環來遍歷JSON數組。例如，以下代碼可以將一個包含名字的JSON數組轉換為一個HTML列表：

var list = document.createElement('ul');
for(i = 0; i < json.names.length; i++){
var item = document.createElement('li');
item.innerHTML = json.names[i];
list.appendChild(item);
}
document.body.appendChild(list);

上述代碼將遍歷JSON數組中的每個名字，并將其添加到一個HTML列表項中。然后，它會將列表添加到文檔的body元素中。

總之，在開發Web應用程序時，JSON是一種非常有用的數據格式。通過使用JavaScript，我們可以輕松地讀取并操作JSON文件中的數據。