met behulp van lodash .groupBy. hoe voeg je je eigen sleutels toe voor gegroepeerde output?

Ik heb deze voorbeeldgegevens teruggestuurd van een API.

Ik gebruik _.groupByvan Lodash om de gegevens om te zetten in een object dat ik beter kan gebruiken.
De onbewerkte gegevens die worden geretourneerd, zijn deze:

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

Ik wil dat de functie _.groupByeen object retourneert dat er als volgt uitziet:

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

Momenteel gebruik ik

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

die dit retourneert.

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

de groeperingen zijn correct, maar ik zou graag de sleutels toevoegen die ik wil (color, users). is dit mogelijk met _.groupBy? of een ander LoDash-hulpprogramma?

Antwoord 1, autoriteit 100%

Je kunt het zo doen in zowel Underscore als Lodash (3.x en 4.x).

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>

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

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)