Good day. Tell me please. There is a method that should delete the selected items in the basket, if they are checked by checkbox. But something goes wrong. More precisely, I understand what I am trying to delete by the index, after each cycle the index of the objects changes, therefore there is an incorrect deletion. How can you overcome?

deletePosition() { for(let i = 0; i < this.listProducts.length; i++) { if(this.listProducts[i].checkbox === true) { this.listProducts.splice(this.listProducts[i], 1); } } }

The checkbox value (true or false) is written in the object, so a comparison is made on this element.

 listProducts: [ { name: 'Нож складной WENGER Evolution ,"Автобус" ,13 функций, 85 мм.WENGER', checkbox: true, image: require('./assets/product1.png'), price: 400, count: 10, sum: 0, showPopup: false }, { name: 'Рюкзак WENGER «NEO»', checkbox: false, image: require('./assets/product2.png'), price: 200, count: 3, sum: 0, showPopup: false }, { name: 'Перьевая ручка Waterman Hemisphere Essential, перо: нержавеющая сталь. WATERMAN', checkbox: true, image: require('./assets/product3.png'), price: 600, count: 1, sum: 0, showPopup: false }

    1 answer 1

     this.listProducts = this.listProducts.filter(item => !item.checked)
    • filters like the second version removed the same - Alexander Belkevich
    • From js? I doubt it) - Eugene Kulakov
    • Thanks, I will try) Not so long ago, I took JS. Did not know about the filter in the object - Alexander Belkevich
    • filter is an array method, in this case this.listProducts, not an object. - Eugene Kulakov
    • I updated and showed how the listProducts looks like - Alexander Belkevich