1.使用filter()方法实现JavaScript数组id删除
(该方法写在methods里面)
DelSkill(row){
console.log(row,"ww");
this.personSkillTableData = this.personSkillTableData.filter(item => item.skillId !== row.skillId)
},
在上述代码中,我们使用了filter() 方法来对数组进行筛选,找出不等于我们要删除的的所有元素,从而实现了JSt数组id删除。需要注意的是,我们需要将结果重新赋值给原数组。
使用map()方法实现JavaScript数组id删除
let students = [
{name: '张三', age: 18, id: 1001},
{name: '李四', age: 19, id: 1002},
{name: '王五', age: 20, id: 1003},
{name: '赵六', age: 21, id: 1004}
];
let deleteById = 1002;
students = students.map(student => {
if(student.id === deleteById) {
return null;
} else {
return student;
}
}).filter(student => student !== null);
在上述代码中,我们使用了map() 方法来遍历数组,利用JS的条件运算符进行判断,将要删除的信息置为null,然后使用filter() 方法将结果中的null元素过滤掉,从而实现JS数组id删除。
使用reduce方法实现JavaScript数组id删除
let students = [
{name: '张三', age: 18, id: 1001},
{name: '李四', age: 19, id: 1002},
{name: '王五', age: 20, id: 1003},
{name: '赵六', age: 21, id: 1004}
];
let deleteById = 1002;
students = students.reduce((acc, cur) => {
if(cur.id !== deleteById) {
return [...acc, cur];
} else {
return acc;
}
}, []);
在上述代码中,我们使用了reduce()方法来将要删除的信息筛选出来后,使用JS的扩展语法将其与前面的元素合并,从而实现JS数组id删除。..