No sé si esta pregunta sea duplicada, pero he buscado mucho y no doy con la respuesta:
Tengo una especie de Shopping Cart que funciona de manera gráfica. El usuario traza un círculo y se envía un arreglo con los productos dentro del radio del círculo para almacenarlos en otro arreglo. El círculo puede ser editado agregándole una etiqueta y al ser dibujado, se le genera un identificador. El problema es que cada que se mueve un poco el círculo o se le añade una etiqueta, se crea un nuevo array de objetos. Necesito que al hacer un nuevo push a ese arreglo de Shopping cart, elimine el arreglo anterior si el nuevo ID está repetido de manera que quede el elemento más nuevo. Adjunto código:
const addProductRuta = (productsRutas, etiqueta, identificador)=>{ //cada que un círculo es creado o editado, se llama esta función
const addRutasFormat=[];
productsRutas.forEach(element=>{ //recorro el arreglo con las propiedades de los productos por cada producto.
const medios={
id:element.id,
nombre:element.nombre,
tipoexhib:element.ubicacion.tipoexhib,
descripcion:element.descripcion,
cantidad: 1,
preciourbano:element.ubicacion.preciourbano,
descuentoR: 0,
inicio: element.inicio,
fin: element.fin,
fecha_inicio:fecha,
fecha_fin:tomorrow,
puntos:element.puntos,
ubicacion: element.ubicacion.nombre
}
addRutasFormat.push(identificador,etiqueta,medios); //creo el objeto añadiendo a los props el identificador del círculo y la etiqueta
});
ArrRutas.push(addRutasFormat); //Arreglo donde almaceno cada círculo
}
Adjunto una imagen con mis outputs:
Como pueden ver, sólo hay un círculo (puede haber N) y en consola imprimí el arreglo ArrRutas
el cual me trae el círculo sin etiqueta y después con etiqueta. Y no sé cómo eliminar el antiguo para que sólo quede el nuevo.
Agradezco de antemano sus respuestas.