JavaScript 讀取 JSON 參數
在Web開發中，JavaScript 經常用到 JSON（JavaScript Object Notation） 格式的數據。JSON 是一種輕量級的數據交換格式，易于閱讀和編寫。它融合了 JavaScript 對象表達式的語法。
在許多情況下，Web 應用程序需要使用 JavaScript 從 Web 服務器獲取 JSON 格式的數據。因此，我們需要學習如何使用 JavaScript 讀取 JSON 格式的參數。本文將詳細介紹 JavaScript 讀取 JSON 參數的步驟和實現過程。
簡單的 JSON 參數
首先，我們來看看最簡單的 JSON 參數。下面是 JSON 格式的數據：

{
"name": "John",
"age": 30,
"city": "New York"
}

在 JavaScript 中，我們可以直接將 JSON 數據解析成對象，并使用點號語法來訪問其中的屬性。例如：

var obj = JSON.parse('{ "name":"John", "age":30, "city":"New York"}');
<br>
document.getElementById("demo").innerHTML =
"My name is " + obj.name + ", I am " + obj.age + " years old and I live in " + obj.city;

在上面的示例中，我們首先使用 JSON.parse() 方法將 JSON 數據解析成對象。然后，使用點號語法訪問其中的屬性。
復雜的 JSON 參數
如果 JSON 格式的數據包含嵌套的對象或數組，則解析 JSON 數據會更加復雜。讓我們來看看下面的 JSON 數據：

{
"name": "John",
"age": 30,
"cars": [
{ "name":"Ford", "models":[ "Fiesta", "Focus", "Mustang" ] },
{ "name":"BMW", "models":[ "320", "X3", "X5" ] },
{ "name":"Fiat", "models":[ "500", "Panda" ] }
]
}

在上面的 JSON 數據中，我們有一個名為“cars”的數組，它包含三個對象，每個對象里面包含一個“name”屬性和一個“models”屬性，其中“models”屬性是一個數組。
在 JavaScript 中，我們可以使用循環語句來訪問嵌套的數組和對象。下面是一個讀取 JSON 數據普通數組的示例代碼：

var text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';
<br>
var obj = JSON.parse(text);
<br>
var i;
for (i = 0; i < obj.employees.length; i++) {
document.getElementById("demo").innerHTML +=
obj.employees[i].firstName + " " + obj.employees[i].lastName + "<br>";
}

在上面的示例中，我們首先使用 JSON.parse() 方法將 JSON 數據解析成對象。然后，使用 for 循環語句遍歷對象中的“employees”屬性，用點號語法訪問其中的“firstName”和“lastNAme”屬性。
結論
在本文中，我們已經學習了 JavaScript 讀取 JSON 參數的基礎知識。對于簡單的 JSON 數據，我們可以使用點號語法直接訪問其中的屬性。對于復雜的 JSON 數據，我們可以使用循環語句遍歷數組和對象。希望本文能夠幫助您更好地理解和掌握 JavaScript 讀取 JSON 參數的技能。