将数组中某值相同的对象，按顺序放在一起

例如有一组数据

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 }
]

说明：

1. 通过 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 }]
}

2. 使用 Set 跟踪 code 的首次出现顺序。
3. 利用 flatMap 将每组数据按原顺序平铺。

实现 相同的 code 聚合到一起，同时保留原始数据的顺序。