如何按姓氏对JavaScript数组字母排序？split方法为何返回逆序值？

一、split返回“逆序”的原因 #

你的数组元素格式是"姓氏, 名字"，比如"Bernhard, Sandra"，用, 分割后得到的数组是["Bernhard", "Sandra"]——这完全符合字符串的拆分逻辑，split本身没有返回逆序。

你觉得“逆序”是因为解构变量的名字和实际值对应错了：你把第一个元素（姓氏）赋值给了aFirst（你以为是名字），第二个元素（名字）赋值给了aLast（你以为是姓氏），所以产生了“split返回逆序”的误解。比如你写的const [aFirst, aLast] = a.split(', ')，实际aFirst拿到的是姓氏Bernhard，aLast拿到的是名字Sandra，和你预期的变量含义刚好相反。

二、更专业的按姓氏排序实现 #

1. 修正变量对应关系的基础版本 #

先把解构的变量名改对，同时用localeCompare替代直接的>比较（它能处理多语言、大小写、特殊字符的排序，更符合通用排序规则）：

const people = [ 'Bernhard, Sandra', 'Bethea, Erin', 'Becker, Carl', 'Bentsen, Lloyd', 'Beckett, Samuel', 'Blake, William', 'Berger, Ric', 'Beddoes, Mick', 'Beethoven, Ludwig', 'Belloc, Hilaire', 'Begin, Menachem', 'Bellow, Saul', 'Benchley, Robert', 'Blair, Robert', 'Benenson, Peter' ];

const sortedByLastName = people.sort((a, b) => {
  // 拆分后第一个元素是姓氏，第二个是名字
  const [aLastName] = a.split(', ');
  const [bLastName] = b.split(', ');
  // 使用localeCompare处理字符串排序，支持大小写不敏感
  return aLastName.localeCompare(bLastName, undefined, { sensitivity: 'base' });
});

console.table(sortedByLastName);

2. 更健壮的版本（处理异常格式） #

如果数组中存在格式不规范的元素（比如没有, 分隔），可以加容错处理：

const sortedByLastName = people.sort((a, b) => {
  // 拆分后取第一个部分作为姓氏，没有分隔符则取整个字符串
  const aLastName = a.split(', ')[0] || a;
  const bLastName = b.split(', ')[0] || b;
  return aLastName.localeCompare(bLastName, undefined, { sensitivity: 'base' });
});

3. 可复用的排序函数 #

如果需要多次按姓氏排序，可以封装成复用函数：

const sortByLastName = (peopleArray) => {
  return [...peopleArray].sort((a, b) => {
    const aLastName = a.split(', ')[0] || a;
    const bLastName = b.split(', ')[0] || b;
    return aLastName.localeCompare(bLastName, undefined, { sensitivity: 'base' });
  });
};

// 使用时：
const sortedPeople = sortByLastName(people);
console.table(sortedPeople);

注：使用[...peopleArray]是为了不修改原数组，保持排序的纯函数特性；sensitivity: 'base'让排序忽略大小写和重音差异，比如Becker和becker会被视为相同顺序。

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