Динамически объединяйте массив объектов одним и тем же ключом

Question

Я хочу динамически объединить один массив из нескольких объектов с одним и тем же ключом. Пример данных:

var data = [{
  ReportTime: "30 Apr 2017BDT",
  Rate: "1.00000",
  AvgGrowth: "0.0"
}, {
  ReportTime: "30 Apr 2017BDT",
  Rate: "0.01107",
  AvgGrowth: "0.1"
}, {
  ReportTime: "29 Apr 2017BDT",
  Rate: "1.00000",
  AvgGrowth: "0.0"
}, {
  ReportTime: "29 Apr 2017BDT",
  Rate: "0.01107",
  AvgGrowth: "-0.5"
}]

Я хочу сгенерировать данные, подобные этим

newData = [{
  "30 Apr 2017BDT",
  "1.00000",
  "0.0",
  "0.01107",
  "0.1"
}, {
  "29 Apr 2017BDT",
  "1.00000",
  "0.0",
  "0.01107",
  "-0.5"
}];

Мне нужно предложение или помощь, как я могу решить эту проблему.

Answer 1

Ваш ожидаемый результат не выглядит действительным JS. Однако вы можете получить массив массивов, выполнив итерацию по нему, используя несколько методов, таких как .reduce(), .map() и Object.entries():

const data = [
  {ReportTime: "30 Apr 2017BDT", Rate: "1.00000", AvgGrowth: "0.0"},
  {ReportTime: "30 Apr 2017BDT", Rate: "0.01107", AvgGrowth: "0.1"},
  {ReportTime: "29 Apr 2017BDT", Rate: "1.00000", AvgGrowth: "0.0"},
  {ReportTime: "29 Apr 2017BDT", Rate: "0.01107", AvgGrowth: "-0.5"}
];

const result = Object.entries(
  data.reduce((r, {ReportTime, ...rest}) => {
    r[ReportTime] = (r[ReportTime] || []).concat(Object.values(rest));
    return r;
  }, {})
).map(([k, v]) => [k, ...v]);

console.log(result);

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

Вот альтернативный подход, использующий синтаксис es5 (старый):

var data = [
  {ReportTime: "30 Apr 2017BDT", Rate: "1.00000", AvgGrowth: "0.0"},
  {ReportTime: "30 Apr 2017BDT", Rate: "0.01107", AvgGrowth: "0.1"},
  {ReportTime: "29 Apr 2017BDT", Rate: "1.00000", AvgGrowth: "0.0"},
  {ReportTime: "29 Apr 2017BDT", Rate: "0.01107", AvgGrowth: "-0.5"}
];
var key = 'ReportTime';

var reducer = function(data, key) {
  var result = [];
  var map = {};
  
  data.forEach(function(o, i) {
    map[o[key]] = map[o[key]] || [];
    
    for(var k in o) {
      if(!(k === key)) { map[o[key]].push(o[k]); }
    };
  });
  
  for(var j in map) {
    result.push([].concat(j, map[j]));
  };
  
  return result;
};

console.log(reducer(data, key));

Answer 2

Я думаю, что если превратить группу ReportTime в объект с сохранением Rate и AvgGrowth, будет полезно.

Go для элементов, создайте объект с ключами как «ReportTime». Когда ReportTime уже существует в объекте, просто обновите Rate и AvgGrowth. После итерации получите Object.values ​​() указанного выше объекта, чтобы получить его в виде массива.

const update = data => {
  const res = {};
  data.forEach(item => {
    if (!res[item.ReportTime]) {
      res[item.ReportTime] = {
        ReportTime: item.ReportTime,
        Rate: [],
        AvgGrowth: []
      };
    }
    res[item.ReportTime].Rate.push(item.Rate);
    res[item.ReportTime].AvgGrowth.push(item.AvgGrowth);
  });
  return Object.values(res);
};

var data = [
  {
    ReportTime: "30 Apr 2017BDT",
    Rate: "1.00000",
    AvgGrowth: "0.0"
  },
  {
    ReportTime: "30 Apr 2017BDT",
    Rate: "0.01107",
    AvgGrowth: "0.1"
  },
  {
    ReportTime: "29 Apr 2017BDT",
    Rate: "1.00000",
    AvgGrowth: "0.0"
  },
  {
    ReportTime: "29 Apr 2017BDT",
    Rate: "0.01107",
    AvgGrowth: "-0.5"
  }
];

console.log(update(data));

Answer 3

Можно использовать уменьшение до групповых значений на ReportTime

const data = [{ ReportTime: "30 Apr 2017BDT", Rate: "1.00000", AvgGrowth: "0.0"}, { ReportTime: "30 Apr 2017BDT", Rate: "0.01107", AvgGrowth: "0.1"}, { ReportTime: "29 Apr 2017BDT", Rate: "1.00000", AvgGrowth: "0.0"
}, { ReportTime: "29 Apr 2017BDT", Rate: "0.01107", AvgGrowth: "-0.5"}]

const merged = data.reduce((op, inp) => {
  let key = inp.ReportTime
  op[key] = op[key] || []
  op[key].push(inp)
  return op
}, Object.create(null))

console.log(merged)