Используя 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?

Ответ 1

Вы можете сделать это в Lodash 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 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>

Ответ 2

Разве это не так просто?

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

Ответ 3

другой способ

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

Ответ 4

Ответ, получивший наибольшее количество голосов, использует функцию Lodash _.chain, которая в настоящее время считается плохой практикой "Почемуиспользование _.chain является ошибкой".

Вот несколько строк, которые подходят к проблеме с точки зрения функционального программирования:

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)

Где input - это массив, который вы хотите преобразовать.

Ответ 5

Спасибо @thefourtheye, ваш код очень помог. Я создал общую функцию из вашего решения, используя версию 4.5.0 Lodash.

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

Чтобы использовать его:

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

Вот обновленный скрипач;

https://jsfiddle.net/sc2L9dby/

Ответ 6

Вот обновленная версия с использованием lodash 4 и ES6

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

Ответ 7

Я предлагаю другой подход, используя мою собственную библиотеку, вы можете сделать это в нескольких строках:

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

var result = groupMe(collection);

Это было бы немного сложно с lodash или Underscore, потому что аргументы находятся в обратном порядке, поэтому вам придется много использовать _.partial.

Ответ 8

Пример groupBy и сумма столбца с использованием 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);

Ответ 9

Я написал функцию, которая использует lodash и возвращает сгруппированные данные.

let _ = require('lodash');

let values = [
    { contract_id: "123", id_counterparty: "11" } , 
    { contract_id: "124", id_counterparty: "12" } , 
    { contract_id: "127", id_counterparty: "11" } , 
    { contract_id: "129", id_counterparty: "14" } , 
];

let res = _groupObjectsBy( 'id_counterparty', values, 'groupName', 'values' );

console.log( res );


function _groupObjectsBy( propName, objectsArray, outputGroupName, outputValuesName ) {
    let result = _( objectsArray )
        .groupBy( obj => obj[ propName ] )
        .map( (values, key) => {
            let obj = {};
            obj[ 'groupedBy' ] = propName;
            obj[ outputGroupName ] = key;
            obj[ outputValuesName ] = values;
            return obj;
        })
        .value();
        return result;
}

Результат:

[ { groupedBy: 'id_counterparty',
 groupName: '11',
values: [ [Object], [Object] ] },
{ groupedBy: 'id_counterparty',
groupName: '12',
values: [ [Object] ] },
{ groupedBy: 'id_counterparty',
groupName: '14',
values: [ [Object] ] } ]

Ответ 10

В 2017 году сделайте это

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