如何为分组输出添加自己的键?

我从一个 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: [{...}]}

分组是正确的,但我真的想添加键我想(colorusers)。这可能使用 _.groupBy吗?或其他 LoDash实用程序?

275773 次浏览

在 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>


Original Answer

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

在线演示

注意: 从 Lodash 4.0开始,.pairs函数被重命名为

我建议使用一种不同的方法,使用 我自己的图书馆,您可以在几行内完成这项工作:

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


var result = groupMe(collection);

使用 loash 或者 Underscore 会有点困难,因为参数的顺序是相反的,所以您必须经常使用 _.partial

谢谢 @ 四眼,你的代码帮了大忙。 我使用 Lodash 的4.5版本从您的解决方案中创建了一个通用函数。

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/

不就这么简单吗?

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

另一种方式

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

下面是使用 lodash4和 ES6的更新版本

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

示例 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);

在2017年这样做

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

最高投票答案使用 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是要转换的数组。

其他答案使用 lodash看起来不错。

我建议使用不同的 JavaScript 方法,比如 Array#reduceobject for storing??=语法。因此,它只需要 O(n)时间复杂度。

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


const result = data.reduce((acc, {
name,
color,
age
}) => {
acc[color] ??= {
color: color,
users: []
};
acc[color].users.push({
name,
color,
age
});


return acc;
}, {});
console.log(Object.values(result));

  const groupBy = (array, key, name) => {
return array.reduce((result, obj) => {
result[obj[key]] = result[obj[key]] || {
location: obj[name],
child: [],
};
// result[obj[key]] ??= {
//   location: obj[name],
//   child: []
// };
result[obj[key]].child.push(obj);
return result;
}, {});
};


const items = [
{
id: 1,
age: 75,
name: 'Kumar',
location: 'chennai',
},
{
id: 1,
age: 25,
name: 'Christo',
location: 'Dindigul',
},
{
id: 1,
age: 28,
name: 'SK',
location: 'chennai',
},
{
id: 1,
age: 21,
name: 'Ram',
location: 'chennai',
},
{
id: 1,
age: 21,
name: 'ravi',
location: 'chennai',
},
];


let obj = groupBy(items, 'age', 'location');
const result = Object.keys(obj).map((key) => [obj[key]][0]);
console.log(result);