using lodash .groupBy. Wie füge ich meine eigenen Schlüssel für die gruppierte Ausgabe hinzu?

Ich habe diese Beispieldaten von einer API zurückgegeben.

Ich verwende Lodashs _.groupBy, um die Daten in ein Objekt zu konvertieren, das ich besser verwenden kann. Die zurückgegebenen Rohdaten lauten wie folgt:

[
    {
        "name": "jim",
        "color": "blue",
        "age": "22"
    },
    {
        "name": "Sam",
        "color": "blue",
        "age": "33"
    },
    {
        "name": "eddie",
        "color": "green",
        "age": "77"
    }
]

Ich möchte, dass die _.groupByFunktion ein Objekt zurückgibt, das so aussieht:

[
    {
        color: "blue",
        users: [
            {
                "name": "jim",
                "color": "blue",
                "age": "22"
            },
            {
                "name": "Sam",
                "color": "blue",
                "age": "33"
            }
        ]
    },
    {
        color: "green",
        users: [
            {
                "name": "eddie",
                "color": "green",
                "age": "77"
            }
        ]
    }
]

Zur Zeit benutze ich

_.groupBy(a, function(b) { return b.color})

was dies zurückgibt.

{blue: [{..}], green: [{...}]}

Die Gruppierungen sind korrekt, aber ich möchte wirklich die gewünschten Schlüssel hinzufügen ( color, users). ist das möglich mit _.groupBy? oder ein anderes LoDashDienstprogramm?

Sie können dies in Lodash 4.x so tun

var data = [{
  "name": "jim",
  "color": "blue",
  "age": "22"
}, {
  "name": "Sam",
  "color": "blue",
  "age": "33"
}, {
  "name": "eddie",
  "color": "green",
  "age": "77"
}];

console.log(
  _.chain(data)
    // Group the elements of Array based on `color` property
    .groupBy("color")
    // `key` is group's name (color), `value` is the array of objects
    .map((value, key) => ({ color: key, users: value }))
    .value()
);

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

Ursprüngliche Antwort

var result = _.chain(data)
    .groupBy("color")
    .pairs()
    .map(function(currentItem) {
        return _.object(_.zip(["color", "users"], currentItem));
    })
    .value();
console.log(result);

Online-Demo

Hinweis: Ab Lodash 4.0 wurde die .pairsFunktion in umbenannt_.toPairs()

Ist es nicht so einfach?

var result = _(data)
            .groupBy(x => x.color)
            .map((value, key) => ({color: key, users: value}))
            .value();

ein anderer Weg

_.chain(data)
    .groupBy('color')
    .map((users, color) => ({ users, color }))
    .value();

Die Antwort mit der höchsten Bewertung_.chain verwendet die Lodash- Funktion, die derzeit als schlechte Praxis angesehen wird. "Warum ist die Verwendung ein Fehler ? "_.chain

Hier ist ein paar Zeilen, die sich dem Problem aus Sicht der funktionalen Programmierung nähern :

import tap from "lodash/fp/tap";
import flow from "lodash/fp/flow";
import groupBy from "lodash/fp/groupBy";

const map = require('lodash/fp/map').convert({ 'cap': false });

const result = flow(
      groupBy('color'),
      map((users, color) => ({color, users})),
      tap(console.log)
    )(input)

Wo inputist ein Array, das Sie konvertieren möchten?

Vielen Dank an @thefourtheye , Ihr Code hat sehr geholfen. Ich habe aus Ihrer Lösung eine generische Funktion mit der Version 4.5.0 von Lodash erstellt.

function groupBy(dataToGroupOn, fieldNameToGroupOn, fieldNameForGroupName, fieldNameForChildren) {
            var result = _.chain(dataToGroupOn)
             .groupBy(fieldNameToGroupOn)
             .toPairs()
             .map(function (currentItem) {
                 return _.zipObject([fieldNameForGroupName, fieldNameForChildren], currentItem);
             })
             .value();
            return result;
        }

Um es zu benutzen:

var result = groupBy(data, 'color', 'colorId', 'users');

Hier ist der aktualisierte Geiger;

https://jsfiddle.net/sc2L9dby/

Hier ist eine aktualisierte Version mit lodash 4 und ES6

const result = _.chain(data)
    .groupBy("color")
    .toPairs()
    .map(pair => _.zipObject(['color', 'users'], pair))
    .value();

Ich würde einen anderen Ansatz vorschlagen. Wenn Sie meine eigene Bibliothek verwenden, können Sie dies in wenigen Zeilen tun:

var groupMe = sequence(
  groupBy(pluck('color')),
  forOwn(function(acc, k, v) {
    acc.push({colors: k, users: v});
    return acc;
  },[])
);

var result = groupMe(collection);

Dies wäre bei lodash oder Underscore etwas schwierig, da die Argumente in der entgegengesetzten Reihenfolge angeordnet sind und Sie daher _.partialviel verwenden müssten .

Beispiel groupBy und Summe einer Spalte mit Lodash 4.17.4

   var data = [{
                "name": "jim",
                "color": "blue",
                "amount": 22
                }, {
                "name": "Sam",
                "color": "blue",
                "amount": 33
                }, {
               "name": "eddie",
               "color": "green",
               "amount": 77
              }];

      var result = _(data)
                   .groupBy(x => x.color)
                   .map((value, key) => 
                   ({color: key,
                    totalamount: _.sumBy(value,'amount'),
                    users: value})).value();

                    console.log(result);

Im Jahr 2017 tun Sie dies

_.chain(data)
  .groupBy("color")
  .toPairs()
  .map(item => _.zipObject(["color", "users"], item))
  .value();