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

被折叠的 条评论
为什么被折叠?



