js 数组添加对象|极客笔记

js 数组添加对象

JavaScript 是一种广泛应用的编程语言，它的灵活性和功能丰富性使得它成为前端开发和后端开发中非常常用的语言之一。在 JavaScript 中，数组是一种常用的数据结构，它可以存储多个元素或对象。本文将重点讨论如何向 JavaScript 数组中添加对象，并对添加对象的方法进行详细介绍。

创建对象

在向数组中添加对象之前，首先需要了解如何创建对象。在 JavaScript 中，对象通过对象字面量和构造函数两种方式来创建。对象字面量是对象的一种简单表示形式，通过使用花括号 {} 来创建对象，例如：

// 使用对象字面量创建对象
let person = {
  name: 'Alice',
  age: 30
};

console.log(person); // { name: 'Alice', age: 30 }

构造函数是一种特殊的函数，通过使用 new 关键字和构造函数来创建对象，例如：

// 使用构造函数创建对象
function Person(name, age) {
  this.name = name;
  this.age = age;
}

let person = new Person('Bob', 25);

console.log(person); // Person { name: 'Bob', age: 25 }

以上两种方法都可以用来创建对象，接下来我们将学习如何将这些对象添加到数组中。

向数组中添加对象

使用 push 方法

JavaScript 数组提供了 push 方法，可以向数组的末尾添加新元素。当要向数组中添加对象时，可以直接将对象作为参数传递给 push 方法。例如：

let people = [];

let person1 = { name: 'Alice', age: 30 };
let person2 = { name: 'Bob', age: 25 };

people.push(person1);
people.push(person2);

console.log(people); // [ { name: 'Alice', age: 30 }, { name: 'Bob', age: 25 } ]

使用 concat 方法

除了 push 方法，JavaScript 数组还提供了 concat 方法，可以用于合并多个数组或值。当要向数组中添加对象时，可以使用 concat 方法，例如：

let people = [];

let person1 = { name: 'Alice', age: 30 };
let person2 = { name: 'Bob', age: 25 };

people = people.concat(person1);
people = people.concat(person2);

console.log(people); // [ { name: 'Alice', age: 30 }, { name: 'Bob', age: 25 } ]

使用 spread operator

ES6 引入了 spread operator（展开运算符），可以通过将数组展开来添加新元素。当要向数组中添加对象时，可以使用 spread operator，例如：

let people = [];

let person1 = { name: 'Alice', age: 30 };
let person2 = { name: 'Bob', age: 25 };

people = [...people, person1, person2];

console.log(people); // [ { name: 'Alice', age: 30 }, { name: 'Bob', age: 25 } ]

使用索引

除了上述方法，还可以直接通过数组的索引为数组赋值来添加对象。例如：

let people = [];

people[0] = { name: 'Alice', age: 30 };
people[1] = { name: 'Bob', age: 25 };

console.log(people); // [ { name: 'Alice', age: 30 }, { name: 'Bob', age: 25 } ]

示例

下面是一个完整的示例，演示如何向 JavaScript 数组中添加对象：

let people = [];

let person1 = { name: 'Alice', age: 30 };
let person2 = { name: 'Bob', age: 25 };

people.push(person1);
people.push(person2);

console.log(people); // [ { name: 'Alice', age: 30 }, { name: 'Bob', age: 25 } ]

在本示例中，首先创建了一个空数组 people，然后创建了两个对象 person1 和 person2，分别添加到数组中，并最终打印出添加对象后的数组内容。