[解決済み] lodash .groupByを使用して、グループ化された出力のために独自のキーを追加する方法は？

質問

APIから返されたサンプルデータがあります。

私は、Lodashの _.groupBy を使用して、データをより使いやすいオブジェクトに変換します。 返された生データはこれです。

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

が欲しい。 _.groupBy 関数は、次のようなオブジェクトを返すようにします。

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

現在、私が使用しているのは

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

で、これを返しています。

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

グループ分けは正しいのですが、本当は欲しいキーを追加したいのですが、( color , users を使用することは可能ですか？ _.groupBy または他の LoDash ユーティリティ？

解決方法は？

UnderscoreとLodash（3.xと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 = _.chain(data)
    .groupBy("color")
    .pairs()
    .map(function(currentItem) {
        return _.object(_.zip(["color", "users"], currentItem));
    })
    .value();
console.log(result);

オンラインデモ

注意事項 Lodash 4.0 以降は .pairs 関数は、次のように名前が変更されました。 _.toPairs()