How to remove from array

Hi, I have an array that's hold prices for selected prices, and a checkbox to see if we should add to the array or not. But I'm having that issue of if you click the box and then unclick it the price wound reduce. Any ideas how to fix that? Here is my method:

servicesToArray(object) {
    if (this.checked = true) {
        this.selectedServicesDesc.push(object.description);
        this.selectedServicesPrices.push(object.price);
    }

    if (this.checked = false) {
        this.selectedServicesPrices.delete(object.price, 1);
    }
}

<input class="mr-2 leading-tight" type="checkbox" v-model="checked" @click="servicesToArray(service)">
<input class="mr-2 leading-tight" type="checkbox" :value="service.description" hidden>
<span class="font-normal text-white" v-text="service.description"></span>

tykus

6 years ago

Level 104

You are assigning true to this.checked here:

this.checked = true

So that block will always be executed.

delete is not an Array method; what is this.selectedServicesPrices

hjortur17

6 years ago

Level 14

If I do this like this:

if (this.checked) {
                    this.selectedServicesDesc.push(object.description);
                    this.selectedServicesPrices.push(object.price);
                } else {
                    this.selectedServicesDesc.delete(object.description);
                    this.selectedServicesPrices.delete(object.price);
                }

<input class="mr-2 leading-tight" type="checkbox" v-model="checked" @click="checked = true, servicesToArray(service)">

It's still not removing it from the array. Any better idea how to do this?

hjortur17

6 years ago

Level 14

My data:

checked: false,

                services: [],
                selectedServicesDesc: [],
                selectedServicesPrices: [],

hjortur17

6 years ago

Best Answer

Level 14

Figured it out:

servicesToArray(object) {
    if (this.checked) {
        if (this.selectedServicesPrices.includes(object.price) && this.selectedServicesDesc.includes(object.description)) {
            this.selectedServicesDesc.splice(object, 1);
            this.selectedServicesPrices.splice(object, 1);
        } else {
            this.selectedServicesDesc.push(object.description); 
            this.selectedServicesPrices.push(object.price);
        }
    }
}

Please or to participate in this conversation.