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