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

1.介绍

最近帮朋友弄一个简单的针对json数组的增删改成页面，正好涉及到了js去操作对象数组实现增删改查功能。我估计很多朋友应该也会遇到这类操作，所以记录一下以便分享。
2.数据准备

【JS操作对象数组实现增删改查实例代码】这里我就以学生对象数组为例了，其实这个数组和json数组操作起来基本一致的，转换一下即可。例如可以使用JSON.parse将一串JSON字符串转换为js对象数组。
测试数据：

// 学生对象数组var students = [{id:1, name: "张三", age: 14},{id:2, name: "李四", age: 15},{id:3, name: "王五", age: 17},{id:4, name: "赵六", age: 18}];

3.查询操作

根据下标查询

console.log(students[1]);

根据id查询

var ss = students.filter((p) => {return p.id == 4; }); console.log(ss); console.log(ss[0]); // 打印第一个元素

根据姓名模糊查询

4.新增操作

var e = {id:5, name: "王八", age: 20}; students.push(e);

5.删除

// 根据ID获取下标var e = students.filter((p) => {return p.id == 4; }); var index = students.indexOf(e); // 根据下标删除students.splice(index,1); console.log(students.length); // 剩下4个

6.修改