JSON（JavaScript Object Notation）是一種輕量級的數據交換格式，具有良好的可讀性和易于解析的特點。在Web開發中，我們常常需要讀取JSON文件，并將其中的數據用于展示或業務處理。下面我們來學習一下如何讀取JSON文件。

首先，我們需要一個JSON文件，可以通過向服務器請求獲取，也可以本地創建。例如，我們創建一個名為test.json的文件，其中包含如下內容：

{
"name": "Tom",
"age": 18,
"gender": "male",
"hobby": ["music", "reading", "sports"],
"address": {
"province": "Beijing",
"city": "Beijing",
"street": "Fuxing Road",
"zipcode": "100001"
}
}

上述JSON文件表示一個名叫Tom的18歲男性，愛好是音樂、閱讀和運動，居住在北京復興路，郵編為100001。

接下來，我們使用JavaScript讀取該JSON文件，并解析其中的數據。以下是一段基本的示例代碼：

fetch('test.json')
.then(response =>response.json())
.then(data =>{
console.log(data.name)     // 輸出Tom
console.log(data.age)      // 輸出18
console.log(data.gender)   // 輸出male
console.log(data.hobby)    // 輸出["music", "reading", "sports"]
console.log(data.address)  // 輸出{"province": "Beijing", "city": "Beijing", "street": "Fuxing Road", "zipcode": "100001"}
});

上述代碼使用fetch方法獲取test.json文件，然后使用response.json()方法解析讀取的數據，最終將解析后的數據輸出到控制臺。我們可以看到，通過讀取JSON文件，我們可以輕松獲取其中的數據，進行后續的操作。