Transform data in array of objects-CodePudding

I need to transform data from server format to format for my UI library. But I can't completely understand how I should do this.

Name in new object is a field in object from server except "time" And add "time" value for each fields Need to transform this:

[
    {
        battery_charge: 0 
        battery_discharge: 0 
        consumption: 404    
        grid_backflow: 0    
        grid_consumption: 3     
        pv_generation: -7   
        time: "2019-02-25T00:00:00 00:00" 
    }
    {
        battery_charge: 0   
        battery_discharge: 0    
        consumption: 404    
        grid_backflow: 0        
        grid_consumption: 3         
        pv_generation: -7       
        time: "2019-02-25T10:00:00 00:00" 
    }
]

to this:

[
    {
        name: ‘Battery Charge’
        data: [
            { time: '2019-02-25T10:00:00 00:00', value: 3 }
            { time: '2019-02-25T10:00:00 00:00', value: 3 }
            ]
    }
    {
        name: ‘Battery discharge’
        data: [
            { time: '2019-02-25T10:00:00 00:00', value: 3 }
            { time: '2019-02-25T10:00:00 00:00', value: 3 }
            ]
    }
    {
        name: ‘Consumption’
        data: [
            { time: '2019-02-25T10:00:00 00:00', value: 3 }
            { time: '2019-02-25T10:00:00 00:00', value: 3 }
            ]
    }
    {
        name: ‘Grid backflow’
        data: [
            { time: '2019-02-25T10:00:00 00:00', value: 3 }
            { time: '2019-02-25T10:00:00 00:00', value: 3 }
            ]
    }
    {
        name: ‘Grid consumption’
        data: [
            { time: '2019-02-25T10:00:00 00:00', value: 3 }
            { time: '2019-02-25T10:00:00 00:00', value: 3 }
            ]
    }
    {
        name: ‘Pv generation’
        data: [
            { time: '2019-02-25T10:00:00 00:00', value: 3 }
            { time: '2019-02-25T10:00:00 00:00', value: 3 }
            ]
    }
]

CodePudding user response：

Here is the simple way to achieve it :

const data = [
  {
    battery_charge: 0,
    battery_discharge: 0,
    consumption: 404,
    grid_backflow: 0,
    grid_consumption: 3,
    pv_generation: -7,
    time: '2019-02-25T00:00:00 00:00',
  },
  {
    battery_charge: 0,
    battery_discharge: 0,
    consumption: 404,
    grid_backflow: 0,
    grid_consumption: 3,
    pv_generation: -7,
    time: '2019-02-25T10:00:00 00:00',
  },
];
const IGNORE_KEY_MAP = {
  time: 1,
};
function transformData(arr) {
  if (arr.length == 0) return [];
  let dataMap = new Map();
  const keys = Object.keys(arr[0]);
  arr.forEach((item) => {
    for (let key of keys) {
      if (!IGNORE_KEY_MAP[key]) {
        let mapValue = dataMap.get(key);
        if (mapValue) {
          let newData = [...mapValue, getInsertableData(item, key)];
          dataMap.set(key, newData);
        } else {
          dataMap.set(key, [getInsertableData(item, key)]);
        }
      }
    }
  });
  let result = [];
  dataMap.forEach((value, key) => {
    const obj = {
      name: key,
      data: value,
    };
    result.push(obj);
  });
  return result;
}
function getInsertableData(data, key) {
  return {
    time: data.time,
    value: data[key],
  };
}

console.log(transformData(data))

Interactive link : Link

CodePudding user response：

Some simple code.

const
    data = [{ battery_charge: 0, battery_discharge: 0, consumption: 404, grid_backflow: 0, grid_consumption: 3, pv_generation: -7, time: "2019-02-25T00:00:00 00:00" }, { battery_charge: 0, battery_discharge: 0, consumption: 404, grid_backflow: 0, grid_consumption: 3, pv_generation: -7, time: "2019-02-25T10:00:00 00:00" }],
    result = Object.values(data.reduce((r, { time, ...o }) => {
        Object
            .entries(o)
            .forEach(([name, value]) => (r[name] ??= { name, data: [] }).data.push({ time, value }));
        return r;
    }, {}));

console.log(result);

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

CodePudding user response：

var keys = {
    battery_charge: "Battery Charge",
    battery_discharge: "Battery discharge",
    consumption: "Consumption",
    grid_backflow: "Grid backflow",
    grid_consumption: "Grid consumption",
    pv_generation: "Pv generation",
  };

  var data = [
    {
      battery_charge: 0,
      battery_discharge: 0,
      consumption: 404,
      grid_backflow: 0,
      grid_consumption: 3,
      pv_generation: -7,
      time: "2019-02-25T00:00:00 00:00",
    },
    {
      battery_charge: 0,
      battery_discharge: 0,
      consumption: 404,
      grid_backflow: 0,
      grid_consumption: 3,
      pv_generation: -7,
      time: "2019-02-25T10:00:00 00:00",
    },
  ];

  var formatted = [];

  data.map((k) => {
    Object.keys(keys).map((x) => {
      if (!formatted.some((f) => f.key == x)) {
        formatted.push({
          title: keys[x],
          key: x,
          data: [],
        });
      }

      if (
        formatted.some(
          (y) => y.data.some((f) => f.time == k.time) && y.key == x
        )
      ) {
        var index = formatted.findIndex(
          (y) => y.data.some((f) => f.time == k.time) && y.key == x
        );
        var dataIndex = formatted[index].data.findIndex(
          (f) => f.time == k.time
        );
        formatted[index].data[dataIndex].value  = k[x];
      } else {
        var index = formatted.findIndex((k) => k.key == x);
        formatted[index].data.push({ value: k[x], time: k.time });
      }
    });
  });

  console.log(formatted);