纯前端多选表格table批量删除

在工作中对表格的数据进行删除,一般来说都是与后端进行联调。但是也会遇到这种情况,对表格删除操作的时候不需要与后台对接,在对表格数据进行删除后点击保存的时候才与后台对接。

今天写这个功能的时候首先想的是两个for循环,这样写起来会代码会比较多且很复杂。抱着对简短优美代码的追求。

handleDeleteSelection() {
      this.multipleSelection.forEach(i => {
        this.tableData2.splice(this.tableData2.findIndex(j => j.userCode === i.userCode), 1)
      })
    }`

实际上是对多选数组对象循环forEach,匹配表格数组对象用splice对匹配findIndex到的表格数据进行删除。

刚开始工作的时候,遇到对数据的处理的时候首先都会想到使用for循环或者switch条件,这会使代码变得非常冗长。在写的时候应该首先想到使用javascript中方法去写,这样会让代码变得简短精练。

  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值