如何在JavaScript中对对象的对象（如teams）进行排序？

嘿，我来帮你搞定这个问题！你手里的teams是对象嵌套对象的结构，JavaScript里的对象本身没法直接排序，不过咱们可以通过「转数组→排序→按需转回对象」的流程轻松实现，下面给你具体操作步骤和实用例子：

第一步：把对象转换成数组 #

首先得把teams里的所有团队数据提取成数组，这样才能用数组的sort()方法来排序。用Object.values()就能快速搞定：

// 把嵌套对象转换成团队对象数组
const teamsArray = Object.values(teams);

如果需要保留原对象的键（比如原来的"1"、"2"这些标识），可以用Object.entries()把键和值一起转成数组：

// 保留原键的数组形式：每个元素是 [键, 团队对象]
const teamsEntries = Object.entries(teams);

第二步：根据你需要的字段排序 #

接下来就可以根据robotName、number或者其他字段来排序了，这里给你几个常用的场景：

场景1：按robotName字母升序排序 #

注意转成小写，避免大小写干扰排序结果：

teamsArray.sort((a, b) => {
  const nameA = a.robotName.toLowerCase();
  const nameB = b.robotName.toLowerCase();
  // 用localeCompare更简洁，也支持多语言
  return nameA.localeCompare(nameB);
});

场景2：按number字段排序（比如134C、134G这种格式） #

这种格式要先比较数字部分，再比较字母部分：

teamsArray.sort((a, b) => {
  // 提取数字部分：比如"134C" → 134
  const numA = parseInt(a.number.match(/\d+/)[0], 10);
  const numB = parseInt(b.number.match(/\d+/)[0], 10);
  
  // 数字不同就按数字排序
  if (numA !== numB) {
    return numA - numB;
  }
  
  // 数字相同就按字母排序
  const charA = a.number.match(/[A-Za-z]/)[0].toUpperCase();
  const charB = b.number.match(/[A-Za-z]/)[0].toUpperCase();
  return charA.localeCompare(charB);
});

如果是用保留原键的teamsEntries数组，排序逻辑类似，只是要取数组里的第二个元素（团队对象）：

teamsEntries.sort(([keyA, teamA], [keyB, teamB]) => {
  const nameA = teamA.robotName.toLowerCase();
  const nameB = teamB.robotName.toLowerCase();
  return nameA.localeCompare(nameB);
});

第三步：（可选）转回对象 #

如果需要把排序后的数组变回对象，用Object.fromEntries()就能实现：

// 把排序后的数组转回对象，用新的连续数字键（1、2、3...）
const sortedTeams = Object.fromEntries(
  teamsArray.map((team, index) => [index + 1, team])
);

// 或者保留原来的键，用排序后的entries数组转换
const sortedTeamsWithOriginalKeys = Object.fromEntries(teamsEntries);

小提醒 #

现代浏览器会保留对象的插入顺序，所以转回的对象会按排序后的顺序展示，但旧浏览器可能不保证。如果只是要遍历展示数据，直接用排序后的数组会更稳妥哦～

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