JS 对象数组|极客笔记

JS 对象数组

在JavaScript中，对象数组是一种非常常见且实用的数据结构。对象数组是一种同时包含多个对象的数组，每个对象都可以包含不同的属性和数值。在本文中，我们将深入探讨如何创建、操作和使用JavaScript中的对象数组。

创建对象数组

创建一个对象数组非常简单，只需要在数组中添加对象即可。每个对象可以包含不同的属性，如下所示：

let students = [
    { name: 'Alice', age: 20, major: 'Computer Science' },
    { name: 'Bob', age: 22, major: 'Mathematics' },
    { name: 'Charlie', age: 21, major: 'Physics' }
];

上述代码片段创建了一个包含三个学生对象的对象数组。每个学生对象都有名字、年龄和专业三个属性。

访问对象数组

要访问对象数组中的特定对象或特定属性，可以使用索引和点符号（.）来获取。例如，要访问第一个学生的姓名，可以使用以下代码：

console.log(students[0].name); // 输出: Alice

如果想遍历整个对象数组并访问每个对象的属性，可以使用循环：

for(let i=0; i<students.length; i++) {
    console.log(students[i].name);
    console.log(students[i].age);
    console.log(students[i].major);
}

修改对象数组

对象数组中的对象属性是可以被修改的。例如，如果想修改Bob的年龄为25，可以这样做：

students[1].age = 25;
console.log(students[1].age); // 输出: 25

添加对象到数组

想要添加新的对象到对象数组中，可以使用数组的push()方法。例如，添加一个新的学生对象到数组末尾：

students.push({ name: 'David', age: 23, major: 'Biology' });

删除对象

如果想要从对象数组中删除特定的对象，可以使用splice()方法。例如，删除第二个学生对象：

students.splice(1, 1);

splice()方法接受两个参数，第一个参数是要删除的对象的索引，第二个参数是要删除对象的数量。

示例代码

下面是一个完整的示例代码，演示了如何创建、访问、修改、添加和删除对象数组中的对象：

let students = [
    { name: 'Alice', age: 20, major: 'Computer Science' },
    { name: 'Bob', age: 22, major: 'Mathematics' },
    { name: 'Charlie', age: 21, major: 'Physics' }
];

// 访问对象数组
console.log(students[0].name); // 输出: Alice

// 修改对象数组
students[1].age = 25;
console.log(students[1].age); // 输出: 25

// 添加对象到数组
students.push({ name: 'David', age: 23, major: 'Biology' });

// 删除对象
students.splice(1, 1);

// 遍历对象数组
for(let i=0; i<students.length; i++) {
    console.log(students[i].name);
    console.log(students[i].age);
    console.log(students[i].major);
}