如何在TypeScript中对数组排序并将指定元素移至末尾？

你现在的排序逻辑已经能实现基础的字母排序，但缺少把International项固定在末尾的处理。这里有两种简洁的方案可以实现你的需求：

方案一：分离特殊项后排序合并 #

这种方法逻辑直观，先把需要放到最后的元素单独拎出来，剩下的元素正常排序后再合并回去：

export const cgGroups = [
  { id: 2, name: 'North America & Caribbean' },
  { id: 3, name: 'Latin America' },
  { id: 6, name: 'Europe' },
  { id: 4, name: 'Asia Pacific' },
  { id: 1, name: 'Middle East & Africa' },
  { id: 7, name: 'International' }
];

// 提取需要放在最后的项
const internationalItem = cgGroups.find(item => item.id === 7);
// 过滤掉该项后对剩余元素按名称字母排序
const sortedRest = cgGroups
  .filter(item => item.id !== 7)
  .sort((a, b) => a.name.localeCompare(b.name));
// 合并得到最终结果
const sortedGroups = [...sortedRest, internationalItem];

方案二：在排序函数中直接处理优先级 #

如果你想在一次排序操作中完成，可以在排序回调里给International项设置更低的优先级，让它始终排在其他元素后面：

const sortedGroups = [...cgGroups].sort((a, b) => {
  // 如果a是International，让它排到b后面
  if (a.id === 7) return 1;
  // 如果b是International，让b排到a后面（也就是a在前面）
  if (b.id === 7) return -1;
  // 其余情况按名称字母排序，localeCompare比手动toLowerCase更简洁可靠
  return a.name.localeCompare(b.name);
});

补充说明 #

• 我用[...cgGroups]做浅拷贝，和你原来的map写法效果一样，但更简洁，目的是避免修改原数组。
• 使用localeCompare替代手动的字符串大小写比较，不仅代码更短，还能更好地处理不同语言的排序规则。

两种方案最终都会得到你期望的排序结果：Asia Pacific, Europe, Latin America, Middle East & Africa, North America & Caribbean, International

内容的提问来源于stack exchange，提问作者santosh kumar patro