TypeScript：如何将排序后的下拉框中‘Others’移至末尾？

当然有办法实现这个需求！这里给你两种实用的思路，结合你的现有代码来调整：

方法一：分离排序后追加"Others" #

这种方法逻辑清晰，先对除了"Others"之外的分类按字母排序，再把"Others"单独加到数组最后：

this.registrationMerchantService.getBusinessCategories().subscribe(response => {
  // 先找出"Others"项（如果存在）
  const othersItem = response.find(item => item.name === 'Others');
  // 过滤掉"Others"，对剩余项按原逻辑排序
  const sortedNonOthers = response
    .filter(item => item.name !== 'Others')
    .sort((a, b) => {
      if (a.name < b.name) return -1;
      if (a.name > b.name) return 1;
      return 0;
    });
  // 如果存在"Others"，就追加到排序后的数组末尾
  if (othersItem) {
    sortedNonOthers.push(othersItem);
  }
  this.businessCategories = sortedNonOthers;
});

优点：把排序和特殊项处理分开，逻辑更直观，不容易出错。

方法二：修改排序函数，让"Others"始终排最后 #

直接在排序函数里设置"Others"的优先级，让它在比较时总是排在最后：

this.registrationMerchantService.getBusinessCategories().subscribe(response => {
  this.businessCategories = response.sort((a, b) => {
    // 特殊处理"Others"的排序优先级
    if (a.name === 'Others') return 1; // a是Others，让它排在b后面
    if (b.name === 'Others') return -1; // b是Others，让a排在b前面
    // 其他项按原字母排序逻辑处理
    if (a.name < b.name) return -1;
    if (a.name > b.name) return 1;
    return 0;
  });
});

优点：只需要一次排序操作，代码更紧凑。

小提示 #

如果你的业务场景中"Others"可能有大小写差异（比如"others"或"OTHERS"），可以把判断改成大小写不敏感的形式，比如：

if (a.name.toLowerCase() === 'others') return 1;

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