JS 列表中添加对象|极客教程

JS 列表中添加对象

在 JavaScript 中，我们经常需要处理列表（数组）中的对象。在这篇文章中，我们将讨论如何向 JavaScript 列表（数组）中添加对象。

创建一个对象

首先，让我们创建一个对象。假设我们要创建一个表示学生的对象，包括姓名和年龄。

let student = {
    name: "Alice",
    age: 20
};

上面的代码创建了一个名为 student 的对象，其中包含 name 和 age 两个属性。现在，我们将学生对象添加到一个列表中。

向列表中添加对象

要向列表中添加对象，我们可以使用 push 方法。下面是一个示例，将上面创建的 student 对象添加到一个列表中。

let students = [];

students.push(student);

console.log(students);

运行以上代码，将会得到以下输出：

[ { name: 'Alice', age: 20 } ]

通过 push 方法，我们成功地将 student 对象添加到了 students 列表中。

添加多个对象

除了添加单个对象，我们还可以一次性添加多个对象到列表中。可以使用 push 方法来实现这一操作。下面是一个示例，将多个学生对象添加到 students 列表中。

const student1 = {
    name: "Bob",
    age: 22
};

const student2 = {
    name: "Cathy",
    age: 21
};

students.push(student1, student2);

console.log(students);

运行以上代码，将会得到以下输出：

[ { name: 'Alice', age: 20 },
  { name: 'Bob', age: 22 },
  { name: 'Cathy', age: 21 } ]

通过一次性添加多个对象，我们可以方便地扩展列表中的对象数量。

使用 Spread 运算符

除了 push 方法，我们还可以使用 Spread 运算符（...）来向列表中添加对象。下面是一个示例，使用 Spread 运算符将多个学生对象添加到 students 列表中。

const student3 = {
    name: "David",
    age: 23
};

const student4 = {
    name: "Eva",
    age: 19
};

students = [...students, student3, student4];

console.log(students);

运行以上代码，将会得到以下输出：

[ { name: 'Alice', age: 20 },
  { name: 'Bob', age: 22 },
  { name: 'Cathy', age: 21 },
  { name: 'David', age: 23 },
  { name: 'Eva', age: 19 } ]

通过 Spread 运算符，我们可以更加灵活地向列表中添加对象。

总结

在 JavaScript 中，向列表中添加对象是一项常见的操作。我们可以使用 push 方法或 Spread 运算符来实现这一功能。

JS 列表中添加对象