AJAX (Asynchronous JavaScript and XML) 是一種用于在不重載整個網頁的情況下更新部分頁面內容的技術。JSON (JavaScript Object Notation) 是一種輕量級的數據交換格式，常用于在前端和后端之間傳輸數據。在前端開發過程中，有時需要將從后端獲得的 JSON 數據轉換成對象數組進行操作。本文將介紹如何使用 AJAX 和 JSON 將后端返回的 JSON 數據轉換成對象數組，并通過舉例說明其實際應用。

首先，我們需要使用 AJAX 發送請求來獲取后端返回的 JSON 數據。舉個例子，假設我們要獲取一組學生的信息，后端返回的 JSON 數據格式如下：

{
"students": [
{
"name": "Tom",
"age": 18,
"gender": "male"
},
{
"name": "Amy",
"age": 20,
"gender": "female"
},
{
"name": "John",
"age": 19,
"gender": "male"
}
]
}

我們可以使用 XMLHttpRequest 對象來發送 AJAX 請求，并通過回調函數處理返回的數據。下面是一個簡單的例子：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/api/students', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
var students = response.students;
// 在這里可以將 JSON 數據轉換成對象數組并進行相關操作
}
};
xhr.send();

以上代碼中，我們使用了 XMLHttpRequest 的 open 方法指定了請求的 URL 和請求類型，然后通過 onreadystatechange 事件監聽請求狀態的改變。當請求狀態為 4 并且狀態碼為 200 時表示請求成功，我們可以通過 JSON.parse 方法將返回的 JSON 數據解析成 JavaScript 對象，并從中獲取到學生的信息。

接下來，我們可以將從 JSON 數據中獲取到的學生信息轉換成對象數組。繼續上面的例子，我們可以使用 map 方法來進行對象數組的轉換：

var studentsArray = students.map(function(student) {
return {
name: student.name,
age: student.age,
gender: student.gender
};
});

上面的代碼中，我們使用了數組的 map 方法，循環遍歷了 students 數組中的每一個元素（每一個學生對象），并將每個學生的姓名、年齡和性別提取出來，返回一個新的對象，最終生成了一個包含學生信息的對象數組 studentsArray。

一旦將 JSON 數據轉換成了對象數組，我們就可以方便地對其進行操作和展示了。例如，我們可以根據學生的年齡進行排序，并將結果展示在頁面中：

studentsArray.sort(function(a, b) {
return a.age - b.age;
});
studentsArray.forEach(function(student) {
document.write('姓名：' + student.name + '，年齡：' + student.age + '，性別：' + student.gender + '
');
});

以上代碼中，我們使用了數組的 sort 方法，根據學生的年齡進行升序排序。然后使用 forEach 方法遍歷對象數組，將每個學生的姓名、年齡和性別拼接成字符串并展示在頁面中。

總結起來，通過使用 AJAX 和 JSON，我們可以方便地將后端返回的 JSON 數據轉換成對象數組，并在前端進行操作和展示。上述示例只是其中的一種常見應用，實際應用中可以根據需求進行靈活的處理和展示。