1.- Primero identifica cada producto con un ID
2.- Antes de agregar un nuevo producto, recorre tu arreglo de objetos y valida si el ID del nuevo producto es igual solo actualiza su cantidad, y ya no realizas el push
3.- Te muestro un ejemplo para que puedas entenderlo mejor y aplicarlo a tu proyecto:
1.- Tengo un Boton que simulará agregar un nuevo producto a mi carrito:
let btnAdd = document.querySelector('#add-to-cart');
2.- Tengo un producto de prueba en mi arreglo de carrito:
let carrito = [{
idProduct: 21,
imagen: 'Soy una imagen',
nombre: 'Teclado Gamer',
categoria: 'Tecnologia',
precio: '1000MXN',
cantidad: 4,
}];
3.- Tengo un nuevo producto de prueba que voy a agregar, nota que ambos tienen el mismo ID:
nuevoProductoAgregado = {
idProduct: 21,
imagen: 'Soy una imagen',
nombre: 'Teclado Gamer',
categoria: 'Tecnologia',
precio: '1000MXN',
cantidad: 4,
}
4.- Le agrego un evento de tipo click a mi boton, este agregará el nuevo producto de prueba
btnAdd.addEventListener('click', function(){
})
5.- Dentro de este evento tengo que recorrer mi carrito y verificar si ya existe ese producto, de ser asi, solo actualizo su cantidad:
carrito.forEach((producto) =>{
if(producto.idProduct === nuevoProductoAgregado.idProduct){
producto.cantidad++;
}else{
//REALIZAS EL PUSH
}
console.log(carrito);
})
Te muestro el ejemplo corriendo, para que puedas testearlo:
let btnAdd = document.querySelector('#add-to-cart');
let carrito = [{
idProduct: 21,
imagen: 'Soy una imagen',
nombre: 'Teclado Gamer',
categoria: 'Tecnologia',
precio: '1000MXN',
cantidad: 4,
}];
nuevoProductoAgregado = {
idProduct: 21,
imagen: 'Soy una imagen',
nombre: 'Teclado Gamer',
categoria: 'Tecnologia',
precio: '1000MXN',
cantidad: 4,
}
btnAdd.addEventListener('click', function(){
carrito.forEach((producto) =>{
if(producto.idProduct === nuevoProductoAgregado.idProduct){
producto.cantidad++;
}
console.log(carrito);
})
})
<button id="add-to-cart">AGREGAR AL CARRITO</button>
NOTA: En el ejemplo solo estoy sumando de uno en uno En realidad lo que tienes que hacer es sumarle la cantidad del producto en tu carrito, mas la cantidad del producto nuevo. Pero bueno eso lo puedes realizar tu, no tiene mucho misterio.
undefined
o 0, - dependiendo el método que uses -, no lo agregas ya que existenid
para cada producto?