0

Tengo varios objetos en mi array llamado miCarrito

const miCarrito = [
  {
    "id_producto": 2,
    "nombre": "Bombilla individual GU10",
    "cantidad": 1,
    "precio": 20
  },
  {
    "id_producto": 3,
    "nombre": "Bombilla individual GU10",
    "cantidad": 1,
    "precio": 20
  },
  {
    "id_producto": 2,
    "nombre": "Bombilla individual GU10",
    "cantidad": 1,
    "precio": 20
  }
]

Como se puede observar hay un id dentro de los objetos que esta repetido ("id_producto":2), mi pregunta es ¿Como puedo sumar ese objeto para que la cantidad se modifique a 2 ya que vendria siendo el mismo producto... Gracias de antemano

1
  • Deberías mostrar que has intentando hasta el momento, no solamente el arreglo que necesitas tratar
    – Jorius
    Commented el 21 mar. 2020 a las 6:02

2 respuestas 2

3

Yo lo resolvería con un Array.reduce de la siguiente manera:

  1. Primero inicializaría el valor que el reduce va a devolver en un arreglo vacío
  2. Luego comprobaría si el elemento ya existe en el acumulador.
    1. Si no existe, simplemente devuelvo un nuevo arreglo, con los elementos previos que hayan en el arreglo y el valor actual de la iteración
    2. Si existe, itero el acumulador con map para devolver un nuevo arreglo, vuelvo y compruebo que el objeto exista, si existe le sumo la cantidad actual de la iteración del map con la cantidad actual de la iteración del reduce, si no existe simplemente devuelvo el valor actual de la iteración dentro del map.

let miCarrito = [{
    id_producto: 2,
    nombre: 'Bombilla individual GU10',
    cantidad: 1,
    precio: 20
  },
  {
    id_producto: 3,
    nombre: 'Bombilla individual GU10',
    cantidad: 1,
    precio: 20
  },
  {
    id_producto: 4,
    nombre: 'Bombilla individual GU10',
    cantidad: 10,
    precio: 20
  },
  {
    id_producto: 2,
    nombre: 'Bombilla individual GU10',
    cantidad: 1,
    precio: 20
  },
  {
    id_producto: 2,
    nombre: 'Bombilla individual GU10',
    cantidad: 5,
    precio: 20
  }
];

const miCarritoSinDuplicados = miCarrito.reduce((acumulador, valorActual) => {
  const elementoYaExiste = acumulador.find(elemento => elemento.id_producto === valorActual.id_producto);
  if (elementoYaExiste) {
    return acumulador.map((elemento) => {
      if (elemento.id_producto === valorActual.id_producto) {
        return {
          ...elemento,
          cantidad: elemento.cantidad + valorActual.cantidad
        }
      }

      return elemento;
    });
  }

  return [...acumulador, valorActual];
}, []);

console.log(miCarritoSinDuplicados);

1
  • me a funcionado a la perfección Commented el 21 mar. 2020 a las 13:53
0

Recorres el array buscando el mismo id y colocas una bandera que te avise cuando lo encuentra. Si encuentra la coincidencia suma en uno la cantidad, de lo contrario sigue. Cuando termina de recorrer el array la bander le indica si agrega o no un nuevo elemento.

 function Agregar(producto)
  {
    let repetido=false;

    for(let i=0; i< miCarrito.lenght; i++)
    {
      if(miCarrito[i].id==producto.id)
      {
        miCarrito[i].cantidad++
        repetido=true;
      }
    }
    if(repetido == false)
    {
      miCarrito.push(producto);
    }
  }
0

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.