how can i delete something from a object in localstorge in javascripts?

Question

i was working on a online shop . now everything is good but i want to do something to delete a product from my cart .here is its code can you help me?

function displaycart() {
        let cartitems = localStorage.getItem("productsincart");
        cartitems = JSON.parse(cartitems);
        let productcontainer = document.querySelector(".products-container");
        let cartcost = localStorage.getItem("totalcost");
        if (cartitems && productcontainer ) {
            Object.values(cartitems).map(item => {
                productcontainer.innerHTML += '<tr><td><button class="bd">close</buttton></td><td>'+ item.nam + '</td><td>' + item.price * item.incart + '</td><td>' + item.incart + '<td>افزودن</td></tr>'
            });

            let productmab = document.querySelector(".mabb");
            productmab.innerHTML += cartcost;
            
        }
    }

    let bv = document.querySelector(".bv");
    let bd = document.querySelectorAll(".bd")
    let cc = localStorage.getItem("productsincart")
    let cartiteme = JSON.parse(localStorage.getItem("productsincart"))
    bv.addEventListener("click" , () => {
        localStorage.clear()
        window.alert("refresh the page")
    })
    displaycart()

and here is the localstorge ...

how can i delete one of them in productsincart ?

One way is to give them ids using npm i --save uuid. Then you remove the entry by creating a new array that doesn't contain the object with the specified id, then you replace the previous local storage array with the new one. You can filter like this: const newLocalStorage = JSON.parse(localStorage.getItem("productsincart").filter((product) => product.id !== id);. Then set local storage to newLocalStorage. — srWebDev
– srWebDev, Commented Aug 31, 2021 at 22:19

Sebastian MB · Accepted Answer · 2021-08-31 22:35:51Z

1

That could be an useful function in your case:

function removeItem(index) {
  let cartitems = JSON.parse(localStorage.getItem("productsincart"));
  cartitems.splice(index, 1);
  localStorage.setItem('productsincart', JSON.stringify(cartitems));
}

answered Aug 31, 2021 at 22:35

Sebastian MB

315 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

srWebDev · Accepted Answer · 2021-08-31 22:23:23Z

0

One way is to give them ids. You could use npm i --save uuid to get random ids.

Your local storage should look like this:

[{"id": "342324", "product": "item"}, /* then repeated for every item */]

Then you remove the entry by creating a new array that doesn't contain the object with the specified id, then you replace the previous local storage array with the new one. You can filter like this:

const newLocalStorage = JSON.parse(localStorage.getItem("productsincart").filter((product) => product.id !== id);.

Then set local storage to newLocalStorage.

answered Aug 31, 2021 at 22:23

srWebDev

4141 gold badge8 silver badges19 bronze badges

1 Comment

srWebDev Over a year ago

You're welcome. Could you please mark my answer as the correct answer so that I get the reputation? Thank you in advance.

Mike Feltman · Accepted Answer · 2021-08-31 22:15:43Z

0

cartitems is an array and the entire array is stored in local storage. You just need to remove the desired item from the array and then write it back to local storage, which will overwrite the previous value.

answered Aug 31, 2021 at 22:15

Mike Feltman

5,1721 gold badge19 silver badges39 bronze badges

Collectives™ on Stack Overflow

how can i delete something from a object in localstorge in javascripts?

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related