例如有一组数据
const list = [
{ code: 111, id: 1 },
{ code: 222, id: 2 },
{ code: 111, id: 3 },
{ code: 333, id: 4 },
{ code: 222, id: 5 },
{ code: 111, id: 6 },
];
要求将code的值相同的对象按当前数组的顺序放在一起
实现如下：
// 按 code 分组
const grouped = list.reduce((acc, item) => {
acc[item.code] = acc[item.code] || [];
acc[item.code].push(item);
return acc;
}, {});
// 保留原有顺序，但将相同 code 的分组放在一起
const seen = new Set(); // 用于记录 code 顺序
const result = list
.map(item => item.code)
.filter(code => {
if (seen.has(code)) return false;
seen.add(code);
return true;
})
.flatMap(code => grouped[code]);
然后打印result的值，结果为：
[
{ code: 111, id: 1 },
{ code: 111, id: 3 },
{ code: 111, id: 6 },
{ code: 222, id: 2 },
{ code: 222, id: 5 },
{ code: 333, id: 4 }
]
说明：
- 通过 reduce 将数据按照 code 分组，得到一个以 code 为键的对象。
{
111: [{ code: 111, id: 1 }, { code: 111, id: 3 }, { code: 111, id: 6 }],
222: [{ code: 222, id: 2 }, { code: 222, id: 5 }],
333: [{ code: 333, id: 4 }]
}
- 使用 Set 跟踪 code 的首次出现顺序。
- 利用 flatMap 将每组数据按原顺序平铺。
实现 相同的 code 聚合到一起，同时保留原始数据的顺序。
