Don't Add Product if Product is already in localStorage

Maureen Moore

I have a shopping cart and I only want the products to be set if they don't already exist in localStorage. If the product is already in localStorage, then no new product should be added. Then I need to update the quantity if the item is already set. The code that I have so far sets the product even if the product already exists and it doesn't update the quantity.

public onSubmit(id, thumbnail, quantity, product_name, product_price){
var data = {
id,
thumbnail,
quantity,
product_name,
product_price
};
var retrieverObject = localStorage.getItem('items');
var retrieveObject = JSON.parse(retrieverObject);
retrieveObject.forEach(el => {
if (el.id == id){
this.quantity += quantity;
} else {
this.items.push(data);
localStorage.setItem(this.storageKey, JSON.stringify(this.items));
}
});
}

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Harshal Limaye5y ago
I guess you're updating localStorage only in case of else condition. You need to the same in if block.
if (el.id == id){
    this.quantity += quantity;
// update localStorage after increasing the quantity
} else {
    this.items.push(data);
    localStorage.setItem(this.storageKey, JSON.stringify(this.items));
}
0
Maureen Moore6y ago
Thanks, Jignesh Kumar
+1
Jignesh Kumar6y ago
Hi Maureen,

Please use this link which will help you,
https://stackoverflow.com/questions/41028598/how-to-check-if-a-item-value-already-exists-in-local-storage
+1