vue 对象集合删除指定对象
时间: 2023-06-19 19:04:00 浏览: 65
可以使用 JavaScript 中的 `filter()` 方法来删除一个集合中的指定对象。具体步骤如下:
1. 定义一个数组来存储对象集合,假设数组名为 `data`。
2. 使用 `filter()` 方法过滤掉要删除的对象,得到一个新的数组。
3. 将新的数组重新赋值给原数组,完成删除操作。
示例代码如下:
```javascript
// 定义一个存储对象集合的数组
let data = [
{ id: 1, name: 'obj1' },
{ id: 2, name: 'obj2' },
{ id: 3, name: 'obj3' }
];
// 定义要删除的对象
let objToDelete = { id: 2, name: 'obj2' };
// 使用 filter() 方法过滤掉要删除的对象
let newData = data.filter(obj => {
return obj.id !== objToDelete.id;
});
// 将新的数组重新赋值给原数组,完成删除操作
data = newData;
console.log(data); // 输出 [{ id: 1, name: 'obj1' }, { id: 3, name: 'obj3' }]
```
在上面的示例代码中,我们先定义了一个存储对象集合的数组 `data`,然后定义了要删除的对象 `objToDelete`,接着使用 `filter()` 方法过滤掉要删除的对象,得到一个新的数组 `newData`,最后将新的数组重新赋值给原数组 `data`,完成删除操作。