JavaScript定义对象数组的三种常用方法

背景与准备

假设我们需要存储学生信息，每个学生的数据结构包含 name（姓名）、age（年龄）和 location（地点）。首先，我们回顾一下如何创建一个标准的单对象：

var student = new Object();
student.name = "Lanny";
student.age = "25";
student.location = "China";
var json = JSON.stringify(student);

接下来，我们需要将这个逻辑扩展到数组，即定义一个能容纳多个 student 对象的数组 students。

方法一：索引直接赋值

这是最直观的方法之一。首先初始化一个空数组，然后利用数组长度作为新元素的索引进行赋值。

第1步：初始化空数组

创建一个名为 students 的空数组，用于存储后续的对象实例。

var students = [];

第2步：实例化并填充对象

使用 new Object() 创建新对象，并通过 students[students.length] 将其放入数组末尾。由于此时数组长度为0，第一个元素将位于索引0。

students[students.length] = new Object();
students[students.length].name = "Lanny";
students[students.length].age = "25";
students[students.length].location = "China";

第3步：验证输出

使用 JSON.stringify 将数组转换为JSON字符串，以检查结构是否正确。

var json = JSON.stringify(students);
// 结果应为: [{"name":"Lanny","age":"25","location":"China"}]

方法二：使用 push 方法组合赋值

此方法结合了对象创建与数组添加，但需注意 push 方法的返回值特性。该方法适合在代码较紧凑时使用，但需留意变量作用域。

第1步：创建对象

同样先实例化一个 student 对象：

var student = new Object();
student.name = "Lanny";
student.age = "25";
student.location = "China";

第2步：执行 Push 操作

这里使用了一个技巧：(students || []) 确保如果 students 未定义则初始化为空数组。然而，push 方法返回的是新数组的长度，而不是数组本身。因此，若期望将结果直接赋回给 students 变量以保留引用，这种写法存在语义误区，除非你仅关心其作为语句的执行效果。更标准的做法是分开写：

// 推荐的标准 push 用法
if (!students) students = [];
students.push(student);

但在某些紧凑写法或特定上下文中，作者可能展示了如下单行逻辑（注意：这通常用于调试或特定库的链式调用场景，常规业务逻辑建议分步操作以确保可读性）：

students = (students || []).push(student); // 注意：此时 students 变为数字（数组长度），而非数组引用

风险提示：上述单行代码执行后，students 将不再是数组引用，而是代表数组长度的数字。如果需要继续使用 students 作为数组进行操作，请避免覆盖原变量，或采用以下修正后的标准写法：

students = (students || []);
students.push(student);

方法三：对象字面量简化（补充推荐）

虽然原文主要演示了 new Object()，在现代 JavaScript 中，使用对象字面量 { } 更为简洁高效。以下是基于该思路的标准对象数组构建流程：

第1步：定义单个对象

var student = {
  name: "Lanny",
  age: "25",
  location: "China"
};

第2步：推入数组

var students = [];
students.push(student);

第3步：序列化

var json = JSON.stringify(students);

完成判断

无论采用哪种方法，最终的判断标准是一致的：运行 console.log(JSON.stringify(students))，观察控制台输出的字符串是否符合预期的 JSON 格式，且包含所有预设的属性值（如 Lanny, 25, China）。

简要总结

以上介绍了在 JavaScript 中定义对象数组的详细内容。重点掌握了如何利用 new Object() 或字面量创建实体，并通过索引分配或 push 方法将其组织成数组结构，最后借助 JSON.stringify 完成数据序列化。更多关于 JavaScript 数组操作与对象管理的资料，欢迎持续关注本站技术专栏！