JSFiddle - React, Tailwind, and code Playground

by John Wick

JavaScript

var bulkData = [{
    "id": "a53d1c20-dee9-468e-9360-85fe5356d8aa",
    "name": "pi",
    "amount_sent": "400.00",
    "amount_redeemed": "1.00",
    "count": "20"
  },
  {
    "id": "5d12d78a-8de8-4ffd-b931-f6c6969fbefe",
    "name": "test dec 2",
    "amount_sent": "10.00",
    "amount_redeemed": "10.00",
    "count": "1"
  }];

  const computeRate = (rowData) => {
    return rowData.amount_sent
    ? `${parseFloat((rowData.amount_redeemed / rowData.amount_sent * 100).toFixed(2))}%`
    : '';
  };

/*   let promotionsObj = [];
  bulkData.forEach(item => {
    const obj = {
      ...item,
      rate: computeRate(item)
    }
    promotionsObj.push(obj);
  }); */
  
const promotionsObj = bulkData.map((item) => {
    const obj = {
      ...item,
      rate: computeRate(item)
    }
  	return obj;
});

console.log('promotionsObj:', promotionsObj);