Angular项目排序管道如何实现不区分大小写的数组排序

• 问题根因：JavaScript默认的字符串对比是基于Unicode编码值判断的，大写字母的编码区间（65-90）远小于小写字母的编码区间（97-122），所以所有大写开头的字符串都会排在小写开头字符串的前面，和预期的字典序不符。
• 修改方法：调整排序比较逻辑，对字符串类型的比较值统一转大小写后再对比即可，两种常用实现方式可选：

1. 统一转大小写后对比

// 原Pipe transform方法内的排序逻辑修改示例
transform(value: any[], args?: string): any[] {
  if (!value) return [];
  return value.sort((a, b) => {
    // 仅对字符串类型做大小写统一处理，其他类型保持原逻辑
    const compareA = typeof a === 'string' ? a.toLowerCase() : a;
    const compareB = typeof b === 'string' ? b.toLowerCase() : b;
    return compareA > compareB ? 1 : compareA < compareB ? -1 : 0;
  })
}

2. 用localeCompare方法实现（推荐，支持国际化场景）
   如果项目需要适配多语言特殊字符，直接调用JS内置的localeCompare方法更简单：

return value.sort((a, b) => {
  if (typeof a === 'string' && typeof b === 'string') {
    // sensitivity: base 代表忽略大小写、重音差异，仅对比字符基础内容
    return a.localeCompare(b, undefined, {sensitivity: 'base'})
  }
  // 非字符串类型走原有比较逻辑
  return a > b ? 1 : a < b ? -1 : 0;
})

修改后即可得到预期的排序结果：[bayside,BUNNY,Castle 111,TOTAL 2323 Test,Tower 2323 Test,Vivy]

内容的提问来源于stack exchange，提问作者Allison.A