1.测试数据
// 学生对象数组
var students = [
{id:1, name: "张三", age: 14},
{id:2, name: "李四", age: 15},
{id:3, name: "王五", age: 17},
{id:4, name: "赵六", age: 18}
];
2.查询操作
console.log(students[1]);
var ss = students.filter((p) => {
return p.id == 4;
});
console.log(ss);
console.log(ss[0]); // 打印第一个元素
ss = students.filter((p) => {
return p.name.indexOf('五') > -1;
});
console.log(ss);
3.新增
var e = {id:5, name: "王八", age: 20};
students.push(e);
4. 删除
// 根据ID获取下标
var e = students.filter((p) => {
return p.id == 4;
});
var index = students.indexOf(e);
// 根据下标删除
students.splice(index,1);
console.log(students.length); // 剩下4个
5.修改
// 可以直接根据下标修改
students[0].name='张三1';
students[0].age=20;
console.log(students[0]);
6.更多数组操作
- push() 在最后面添加元素
- unshift() 在最前面添加元素
- pop() 删除最后一个元素
- shift() 删除第一个元素
- splice() 删除元素,替换元素,插入元素
- sort() 数组排序
- reverse() 数组反转
- Vue.set()修改数组中的某一个