按uid分组排序复杂对象数组：区分含X与纯数字uid

需要对一个对象数组进行分组排序：将所有UID包含X的对象归为一组，仅含数字的UID对象归为另一组（两组顺序可互换，核心是同类对象成组，组内无需额外排序）。

原数组示例 #

[ 
  { id: 114, iid: {uid: "12", xe: 9 }, foo: 123 },
  { id: 120, xid: {uid: "X-12", xe: 9 }, foo: 123 },
  { id: 133, iid: {uid: "31", xe: 9 }, foo: 123 },
  { id: 120, xid: {uid: "X-41", xe: 9 }, foo: 123 },
  // 更多对象...
]

期望排序结果示例 #

[ 
  { id: 120, xid: {uid: "X-41", xe: 9 }, foo: 123 },
  { id: 120, xid: {uid: "X-12", xe: 9 }, foo: 123 },
  { id: 133, iid: {uid: "31", xe: 9 }, foo: 123 },
  { id: 114, iid: {uid: "12", xe: 9 }, foo: 123 },
  // 更多对象...
]

解决方案 #

可以通过分组后合并的方式实现，既保证分组准确，又保留组内原数组的顺序：

// 提取对象中的UID值（兼容iid/xid两种字段）
const getUid = obj => obj.iid?.uid || obj.xid?.uid;

const originalArray = [/* 你的原数组 */];
const withXGroup = [];
const numericGroup = [];

// 遍历原数组，按UID规则分组
originalArray.forEach(obj => {
  const uid = getUid(obj);
  if (uid.includes('X')) {
    withXGroup.push(obj);
  } else if (/^\d+$/.test(uid)) {
    numericGroup.push(obj);
  }
  // 若存在其他不符合上述两类的UID，可在此添加额外分组逻辑
});

// 合并两组，顺序可按需调整（示例为含X的组在前）
const sortedArray = [...withXGroup, ...numericGroup];

说明 #

1. getUid函数用于统一提取对象中的UID，兼容数组里iid和xid两种不同的字段结构；
2. 遍历原数组时，会按元素出现的原顺序分到对应组，因此组内顺序和原数组一致；
3. 若需要调换两组顺序，只需修改合并顺序为[...numericGroup, ...withXGroup]即可。

内容的提问来源于stack exchange，提问作者Luca