例如有一組數(shù)據(jù)
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的值相同的對象按當(dāng)前數(shù)組的順序放在一起
實(shí)現(xiàn)如下：
// 按 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的值，結(jié)果為：
[
{ 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 將數(shù)據(jù)按照 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 的首次出現(xiàn)順序。
- 利用 flatMap 將每組數(shù)據(jù)按原順序平鋪。
實(shí)現(xiàn) 相同的 code 聚合到一起，同時保留原始數(shù)據(jù)的順序。
