所以需求是这样的:我有一个对象数组(如Array)。
[
{ empDept: 'Engineering', empLoc: 'Pune', empName: 'John' },
{ empDept: 'Engineering', empLoc: 'Mumbai', empName: 'Harry' },
{ empDept: 'HR', empLoc: 'Pune', empName: 'Denis' },
{ empDept: 'Finance', empLoc: 'Mumbai', empName: 'Elvis' },
]
我将有一个函数,它将接受属性的名称作为参数,雇员名单将在此基础上进行分组。因此,如果输入的参数值是'empDept',那么我希望得到如下结果。
[
{
key: 'Engineering',
values: [
{ empDept: 'Engineering', empLoc: 'Pune', empName: 'John' },
{ empDept: 'Engineering', empLoc: 'Mumbai', empName: 'Harry' },
]
},
{
key: 'HR',
values: [
{ empDept: 'HR', empLoc: 'Pune', empName: 'Denis' },
]
},
{
key: 'Finance',
values: [
{ empDept: 'Finance', empLoc: 'Mumbai', empName: 'Elvis' },
]
}
]
我使用RxJs的groupBy操作符来实现这个功能。我已经尝试了下面的代码,但似乎没有得到想要的结果。
this.groupedEmployees$ = employees$.pipe(
groupBy(person => person.empDept),
mergeMap(group => of({ key: group.key, values: group.pipe(mergeMap(x => toArray())) })),
);
感谢你的帮助
如果你真的想坚持使用RxJS,你可以使用这段代码。
import { from } from 'rxjs';
import { groupBy, mergeMap, reduce, toArray } from 'rxjs/operators';
const groupedEmployees$ = from([
{ empDept: 'Engineering', empLoc: 'Pune', empName: 'John' },
{ empDept: 'Engineering', empLoc: 'Mumbai', empName: 'Harry' },
{ empDept: 'HR', empLoc: 'Pune', empName: 'Denis' },
{ empDept: 'Finance', empLoc: 'Mumbai', empName: 'Elvis' }
]).pipe(
groupBy(person => person.empDept),
mergeMap(group => group
.pipe(
reduce((acc, cur) => {
acc.values.push(cur);
return acc;
},
{ key: group.key, values: [] }
)
)
),
toArray()
);
groupedEmployees$.subscribe(console.log);
你为什么要用RxJS呢?这纯粹是数组转换。你可以使用lodash groupBy。https:/lodash.comdocs#groupBy
const t = [
{ empDept: 'Engineering', empLoc: 'Pune', empName: 'John' },
{ empDept: 'Engineering', empLoc: 'Mumbai', empName: 'Harry' },
{ empDept: 'HR', empLoc: 'Pune', empName: 'Denis' },
{ empDept: 'Finance', empLoc: 'Mumbai', empName: 'Elvis' },
];
const result = Object.entries(_.groupBy(t, 'empDept')).map(([key, values]) => ({key, values}));
你是否在寻找这样的东西?
function groupBy(key, array) {
return array.reduce((all, current) => {
const existingKey = all.find(existing => existing.key === current[key]);
if (!existingKey) {
all.push({key: current[key], values: [current]});
} else {
existingKey.values.push(current);
}
return all;
}, []);
}
例如:
const arr = [
{ empDept: 'Engineering', empLoc: 'Pune', empName: 'John' },
{ empDept: 'Engineering', empLoc: 'Mumbai', empName: 'Harry' },
{ empDept: 'HR', empLoc: 'Pune', empName: 'Denis' },
{ empDept: 'Finance', empLoc: 'Mumbai', empName: 'Elvis' },
];
const byDept = groupBy('empDept', arr);
const byLoc = groupBy('empLoc', arr);