Javascript: Transform Array von Objekt-Antwort über lodash oder Unterstrich oder Corejavascript

Question

Ich arbeite mit HighChart, um ein Säulendiagramm zu erstellen. Irgendwie habe ich erreicht, folgendes Array ofObj über die Kommunikation mit der Datenbank zu erstellen.

Nun muss ich folgenden source Array von Objekt zu unter Ausgabe umwandeln.

var source = [ 
{data: 258, name: '2014'} 
{data: 18, name: '2016'} 
{data: 516, name: '2014'} 
{data: 0, name: '2014'} 
{data: 354, name: '2014'} 
{data: 18, name: '2016'} 
]` 

Konvertieren dieses Array von Objekt zu

Output 

[{ 
    name: '2014', 
    data: [258, 516, 354] 
    }, { 
    name: '2016', 
    data: [18, 0, 18] 
}] 

Grundsätzlich ich zu einer Gruppe meine Array wollen nach Name (Jahr) und Daten sollten

Hier in Array ist die Lösungen, die ich habe angewendet.

var source = []; 
_.each(source, function(singlerec) { 
     source.push({ 
     name: singlerec.name, 
     data: singlerec.data // Here It only assign single record 
     }); 
    }); 

Answer 1

In Lodash, verwende ich _.groupBy immer und dann _.map in das Ausgabeformat.

var source = [{"data":258,"name":"2014"},{"data":18,"name":"2016"},{"data":516,"name":"2014"},{"data":0,"name":"2014"},{"data":354,"name":"2014"},{"data":18,"name":"2016"}]; 
 

 
var output = _(source) 
 
    .groupBy('name') 
 
    .map(function(v, k) { return { name: k, data: _.map(v, 'data') } }) 
 
    .value(); 
 

 
console.log(output);

<script src="https://cdn.jsdelivr.net/lodash/4.13.1/lodash.min.js"></script>

Answer 2

ist es eine Möglichkeit, Array zu durchlaufen einmal mit reduce und auch ohne lodash.

source.reduce((p, n) => { 
    (p[n.name] || (p[n.name] = [])).push(n.data); 
    return p 
}, {})