javascript - 如果条件vue js如何删除数组中的许多数据

Question

我已经选择了许多数据并发布到后端，它是成功的，但是之后我不会在不重新加载的情况下删除前端的数组数据。我尝试使用拼接它只删除一两个最大拖

这是我的代码

const itemOrder = this.baskets.filter((el)=>{
    return el.checkbox == true
});

HTTP().post('/order',itemOrder).then(()=>{
});

之后，如果复选框为真，我不会删除所有这些篮子

我试过了

for(let i in this.baskets) {
    if(this.baskets[i].checkbox == true) {
        console.log(i);
        this.baskets.splice(i,1);
    }
}

也试试这个

this.baskets.splice(this.baskets.findIndex(e => e.checkbox == true),1);

仍然没有按我的预期工作

标签： javascriptarraysvue.js

Answer 1

您可以过滤所有错误的复选框：

let baskets = [
  {id: 1, checkbox: true},
  {id: 2, checkbox: true},
  {id: 3, checkbox: false},
  {id: 4, checkbox: true},
  {id: 5, checkbox: true}
]

baskets = baskets.filter(b =>  b.checkbox === false)

console.log(baskets)