在工作中对表格的数据进行删除,一般来说都是与后端进行联调。但是也会遇到这种情况,对表格删除操作的时候不需要与后台对接,在对表格数据进行删除后点击保存的时候才与后台对接。
今天写这个功能的时候首先想的是两个for循环,这样写起来会代码会比较多且很复杂。抱着对简短优美代码的追求。
handleDeleteSelection() {
this.multipleSelection.forEach(i => {
this.tableData2.splice(this.tableData2.findIndex(j => j.userCode === i.userCode), 1)
})
}`
实际上是对多选数组对象循环forEach
,匹配表格数组对象用splice
对匹配findIndex
到的表格数据进行删除。
刚开始工作的时候,遇到对数据的处理的时候首先都会想到使用for循环或者switch条件,这会使代码变得非常冗长。在写的时候应该首先想到使用javascript中方法去写,这样会让代码变得简短精练。