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 数据转换成对象数组，并在前端进行操作和展示。上述示例只是其中的一种常见应用，实际应用中可以根据需求进行灵活的处理和展示。