How do i format this object using reduce

const data = JSON.parse('[{"product_id":1245,"product_name":"XYZ","price":"10.00","batch_number":1},{"product_id":12456,"product_name":"RST","price":"10.00","batch_number":1},{"product_id":111,"product_name":"LMN","price":"10.00","batch_number":2},{"product_id":222,"product_name":"PQR","price":"10.00","batch_number":2},{"product_id":456,"product_name":"KKK","price":"10.00","batch_number":null}]');

const map = new Map(data.map(obj=>[obj.batch_number,[]]))
for (let obj of data) {
    map.set(obj.batch_number, [...map.get(obj.batch_number)??[],obj]);
}

const output = [];
for (let [batch, objs] of map.entries()) {
    const object = {
                product_id: "",
                product_name: "",
                price: "",
                batch_number: batch,
              }
    const arrValsIds = [];
    const arrValsNames = [];
    let totalPrice = 0;
    for (let obj of objs) {
        arrValsIds.push(obj.product_id);
        arrValsNames.push(obj.product_name);
        totalPrice += Number(obj.price);
    }
    output.push({
        product_id: arrValsIds.join(", "),
        product_name: arrValsNames.join(", "),
        price: totalPrice.toFixed(2).toString(),
        batch_number: batch,
    })
}
console.log(output);

const data = [{
    product_id: 1245,
    product_name: "XYZ",
    price: "10.00",
    batch_number: 1,
  },
  {
    product_id: 12456,
    product_name: "RST",
    price: "10.00",
    batch_number: 1,
  },
  {
    product_id: 111,
    product_name: "LMN",
    price: "10.00",
    batch_number: 2,
  },
  {
    product_id: 222,
    product_name: "PQR",
    price: "10.00",
    batch_number: 2,
  },
  {
    product_id: 456,
    product_name: "KKK",
    price: "10.00",
    batch_number: null,
  },
];

// This is a helper function that creates a key on the map if it doesn't exist
const mapGetOrSet = (map, key, getValue) => {
  if (map.has(key)) return map.get(key)
  const value = getValue()
  map.set(key, value)
  return value
}

const transform = data => {
  // Use a Map
  const productsByBatch = new Map()
  // Put each product into a batch
  data.forEach(obj => {
    const products = mapGetOrSet(productsByBatch, obj.batch_number, () => [])
    products.push(obj)
  })
  // Transform the map into the format the question wants
  return [...productsByBatch].map(([batchNumber, products]) => ({
  batch_number: batchNumber,
  // Get the product_id of all products in the batch and turn them into 1 comma seperated string using Array.prototype.join()
  product_id: products.map(({ product_id }) => product_id).join(),
  // Same thing as id
  product_name: products.map(({ product_name }) => product_name).join(),
  price: products
    // Turn string into number for addition 
    .map(({ price }) => parseFloat(price))
    // Add every price
    .reduce((total, productPrice) => total + productPrice)
  }))
}

console.log(transform(data))

const groupByBatch = arr => (
  Object.values(              // extract the "values" array from intermediate result obj
    arr.reduce(               // use ".reduce()" to iterate thru the data
      (acc, obj) => {         // "acc" is the accumulator / aggregator
        // check if batch_number already present in "acc"
        let currObj = acc[obj.batch_number] ?? false;
        // if found, concat "obj" props to existing ones (ie, "currObj" props)
        // else, simply populate "acc" with "obj" props
        acc[obj.batch_number] = currObj
        ? {
          product_id: `${currObj.product_id.toString()}, ${obj.product_id.toString()}`,
          product_name: `${currObj.product_name}, ${obj.product_name}`,
          price: (+currObj.price + +obj.price).toString(),
          batch_number: obj.batch_number
        } : {
          product_id: obj.product_id.toString(),
          product_name: obj.product_name,
          price: obj.price,
          batch_number: obj.batch_number
        };
        return acc;           // return the accumulator/aggregator "acc"
      },
      {}                      // initialize "acc" to empty-object
    )
  )
);

const data = [{
    product_id: 1245,
    product_name: "XYZ",
    price: "10.00",
    batch_number: 1,
  },
  {
    product_id: 12456,
    product_name: "RST",
    price: "10.00",
    batch_number: 1,
  },
  {
    product_id: 111,
    product_name: "LMN",
    price: "10.00",
    batch_number: 2,
  },
  {
    product_id: 222,
    product_name: "PQR",
    price: "10.00",
    batch_number: 2,
  },
  {
    product_id: 456,
    product_name: "KKK",
    price: "10.00",
    batch_number: null,
  },
];

console.log('group data by batch: ', groupByBatch(data));

.as-console-wrapper { max-height: 100% !important; top: 0 }

const data = [ { product_id: 1245, product_name: "XYZ", price: "10.00", batch_number: 1 }, { product_id: 12456, product_name: "RST", price: "10.00", batch_number: 1 }, { product_id: 111, product_name: "LMN", price: "10.00", batch_number: 2 }, { product_id: 222, product_name: "PQR", price: "10.00", batch_number: 2 }, { product_id: 456, product_name: "KKK", price: "10.00", batch_number: null } ],

      fn = (a,b,r) => a[b] ? {
          product_id:`${a[b].product_id} ${r.product_id}`,
          product_name:`${a[b].product_name} ${r.product_name}`,
          price: (+a[b].price + +r.price).toFixed(2)
      } : r;

      output = Object.entries(
          data.reduce(
              (acc,{batch_number:bn,...r}) => 
              ({...acc,[bn]:fn(acc,bn,r)}), {}
          )
      )
      .map(([bn,r]) => [+bn || null,r])
      .map(
          ([batch_number, rest]) =>
          ({...rest, batch_number})
      );
      
console.log( output );