Question

我的基础数据如下......

 [{
        month: 'Jan',
        cat: 'A',
        val: 20
    },{
        month: 'Jan',
        cat: 'B','
        val: 5
    },{
        month: 'Jan',
        cat: 'C',
        val: 10
    },{
        month: 'Feb',
        cat: 'A',
        val: 30
    },{
        month: 'Feb',
        cat: 'B',
        val: 10
    },{
        month: 'Feb',
        cat: 'C',
        val: 20
    }];

我需要使用javascript将其转换为以下内容，最好是lodash ..

 [{
        selectedmonth: 'Jan',
        data:[{
        mycat: 'A',
        myval: 20
    },{
        mycat: 'B',
        myval: 5
    },{
        mycat: 'C',
        myval: 10
    }
       ]
    }, {
        selectedmonth: 'Feb',
        data:[{
        mycat: 'A',
        myval: 30
    },{
        mycat: 'B',
        myval: 10
    },{
        mycat: 'C',
        myval: 20
    }
       ]
    }]

我理解lodash groupby - month调用会执行groupby但是它以不同的格式执行..

真心感谢任何帮助。

Answer 1

您可以将对象用作对结果数组的引用的哈希表。

var array = [{ month: 'Jan', cat: 'A', val: 20 }, { month: 'Jan', cat: 'B', val: 5 }, { month: 'Jan', cat: 'C', val: 10 }, { month: 'Feb', cat: 'A', val: 30 }, { month: 'Feb', cat: 'B', val: 10 }, { month: 'Feb', cat: 'C', val: 20 }],
    grouped = [];

array.forEach(function (a) {
    if (!this[a.month]) {
        this[a.month] = { selectedmonth: a.month, data: [] };
        grouped.push(this[a.month]);
    }
    this[a.month].data.push({ mycat: a.cat, myval: a.val });

}, Object.create(null));

console.log(grouped);

Answer 2

如果您使用的是lodash，则可以使用groupBy()按month对项目进行分组，然后使用map()根据您的条件转换项目。

var result = _(collection)
  .map(v => _.mapKeys(v, (v, k) => 'my' + k))
  .groupBy('mymonth')
  .map((data, selectedmonth) => ({
    selectedmonth,
    data: _.map(data, item => _.omit(item, 'mymonth'))
  })).value();

var collection = [{
  month: 'Jan',
  cat: 'A',
  val: 20
}, {
  month: 'Jan',
  cat: 'B',
  val: 5
}, {
  month: 'Jan',
  cat: 'C',
  val: 10
}, {
  month: 'Feb',
  cat: 'A',
  val: 30
}, {
  month: 'Feb',
  cat: 'B',
  val: 10
}, {
  month: 'Feb',
  cat: 'C',
  val: 20
}];

var result = _(collection)
  .map(v => _.mapKeys(v, (v, k) => 'my' + k))
  .groupBy('mymonth')
  .map((data, selectedmonth) => ({
    selectedmonth,
    data: _.map(data, item => _.omit(item, 'mymonth'))
  })).value();

document.write('<pre>' + JSON.stringify(result, 0, 4) + '</pre>');

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.13.1/lodash.js"></script>

以特定格式对json数据进行分组

2 个答案: