1、数组单行删除
<!--
* @Descripttion:单行删除
* @version: 0.0.1
* @Author: PengShuai
* @Date: 2022-06-01 17:30:04
* @LastEditors: PengShuai
* @LastEditTime: 2022-06-01 17:30:04
-->
// 数据源
demoData: [
{
id: '1',
name: '张三',
},
{
id: '2',
name: '李四',
},
{
id: '3',
name: '王五',
},
],
methods: {
demo() {
console.log('全部数据 3条')
console.log(this.demoData)
//? 单选
//! 删除单行数据
const del = '3'
this.demoData = this.demoData.filter((o) => {
return o.id !== del
})
console.log('删除单行所返回的数据 4条')
console.log(this.demoData)
},
},
2,数组多行删除(同一数据源)
<!--
* @Descripttion:单行删除
* @version: 0.0.1
* @Author: PengShuai
* @Date: 2022-06-09 14:17:04
* @LastEditors: PengShuai
* @LastEditTime: 2022-06-09 14:17:04
-->
demo() {
console.log('原数据')
console.log(this.demoData)
//? 多选
//! 删除多行数据
const selectData = [
{
id: '1',
name: '张三',
},
{
id: '4',
name: '李四',
},
]
console.log('删除数据')
console.log(selectData)
let newData = this.demoData.filter(
(a) => !selectData.some((b) => a.id === b.id)
)
console.log('删除后数据')
console.log(newData)
}