JS操作对象数组实现增删改查实例代码

下面是JS操作对象数组实现增删改查实例代码的完整攻略。

1. 创建对象数组

首先，我们需要创建一个对象数组，用来存放数据。对象数组是一组相关联的拥有共同属性和方法的对象，可以进行统一管理。

let students = [
  { name: "张三", age: 18, gender: "男" },
  { name: "李四", age: 20, gender: "女" },
  { name: "王五", age: 19, gender: "男" },
];

在这个例子中，我们创建了一个包含三个学生信息的对象数组，每个学生有姓名、年龄和性别三个属性。

2. 增加元素

如果需要向对象数组中添加新的元素，可以使用push()方法。

students.push({ name: "赵六", age: 21, gender: "女" });

以上代码将一个包含赵六信息的对象添加到对象数组的末尾。

3. 删除元素

如果需要从对象数组中删除某个元素，可以使用splice()方法。

students.splice(1, 1);

以上代码将删除下标为1的元素（即李四）。

4. 修改元素

如果需要修改对象数组中的某个元素，可以直接对其属性进行赋值。

students[0].age = 20;

以上代码将修改张三的年龄为20岁。

5. 查询元素

如果需要查询某个元素在对象数组中的下标，可以使用indexOf()方法或findIndex()方法。

const index1 = students.indexOf({ name: "王五", age: 19, gender: "男" });
const index2 = students.findIndex((student) => student.age === 20);

以上代码通过两种方式查询了学生王五和年龄为20的学生所在的下标。

示例1：创建一个数组，包含多个人的个人信息。每个人的信息是一个对象，其中包含姓名、年龄和性别属性。通过JS操作对象数组实现增删改查实例代码。

let people = [
  { name: "张三", age: 18, gender: "男" },
  { name: "李四", age: 20, gender: "女" },
  { name: "王五", age: 19, gender: "男" },
];

people.push({ name: "赵六", age: 21, gender: "女" });

people.splice(1, 1);

people[0].age = 20;

const index1 = people.indexOf({ name: "王五", age: 19, gender: "男" });
const index2 = people.findIndex((person) => person.age === 20);

示例2：创建一个数组，包含多个商品的信息。每个商品的信息是一个对象，其中包含名称、价格和库存属性。通过JS操作对象数组实现增删改查实例代码。

let products = [
  { name: "iPhone", price: 8000, stock: 10 },
  { name: "iPad", price: 5000, stock: 20 },
  { name: "Macbook", price: 12000, stock: 5 },
];

products.push({ name: "Apple Watch", price: 3000, stock: 15 });

products.splice(1, 1);

products[0].price = 8500;

const index1 = products.indexOf({ name: "iPad", price: 5000, stock: 20 });
const index2 = products.findIndex((product) => product.stock === 5);

以上是JS操作对象数组实现增删改查实例代码的完整攻略，希望能对你有所帮助。