JSFiddle - React, Tailwind, and code Playground

by plantface

HTML

<script src="https://cdn.rawgit.com/lodash/lodash/3.10.0/lodash.min.js"></script>

JavaScript

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

console.debug(_.groupBy(data, "nested.color"));
console.debug(_.pairs(_.groupBy(data, "nested.color")));
console.debug(_.chain(data)
    .groupBy("nested.color")
    .pairs()
    .map(function (currentItem) {
        return _.zip(["color", "users"], currentItem);
    })
    .value());

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