JavaScript数组多条件/单条件排序失效问题求助

问题根源 #

1. 错误访问数组属性：details是数组类型，直接写a.details.type会得到undefined——数组本身没有type属性，必须访问数组内元素的type（比如a.details[0].type）。
2. 字符串排序方式错误：不能用减号-比较字符串，这是数字排序的写法，字符串需要用localeCompare()方法实现字母序排序。
3. 原地排序的副作用：Array.sort()会直接修改原数组，后续的sortByOne会覆盖sortByMultiple的结果，建议排序前先复制数组（比如用展开语法[...arr]）。

正确实现代码 #

const groupedStackOverflow = [
  {
    "document_file_name": "4020600_FileName.pdf",
    "details": [
      { "id": 10000, "type": "Fellow", "name": "Fellow First Name Last Name" },
      { "id": 20656, "type": "Claimant", "name": "First Name Last Name" }
    ],
    "state": "accepted"
  },
  {
    "document_file_name": "4020890_FileName.pdf",
    "details": [
      { "id": 10000, "type": "Fellow", "name": "Fellow First Name Last Name" }
    ],
    "state": "rejected"
  },
  {
    "document_file_name": "4020672_FileName.pdf",
    "details": [
      { "id": 20656, "type": "Claimant", "name": "First Name Last Name" }
    ],
    "state": "rejected"
  }
];

// 多条件排序：先按details.length升序，再按type字母序（Claimant优先）
const sortedByMultiple = [...groupedStackOverflow].sort((a, b) => {
  // 先比较长度
  const lengthDiff = a.details.length - b.details.length;
  if (lengthDiff !== 0) {
    return lengthDiff;
  }
  // 长度相同时，比较type的字母序
  return a.details[0].type.localeCompare(b.details[0].type);
});

console.log("sortedByMultiple: ", sortedByMultiple);

// 单条件type排序
const sortedByOne = [...groupedStackOverflow].sort((a, b) => {
  return a.details[0].type.localeCompare(b.details[0].type);
});

console.log("sortedByOne: ", sortedByOne);

代码说明 #

• 用[...groupedStackOverflow]复制原数组，避免排序修改原数据。
• 多条件排序逻辑：先判断长度差值，不为0则直接返回；长度相同时，用localeCompare()比较两个条目的details[0].type，利用字母序让Claimant（C开头）排在Fellow（F开头）之前。
• 如果业务场景中，details长度大于1时需要按其他规则处理（比如优先判断是否包含Claimant类型），可以调整type比较的逻辑，比如：

  // 示例：如果details中有Claimant则优先排在前面
  const hasClaimantA = a.details.some(item => item.type === 'Claimant');
  const hasClaimantB = b.details.some(item => item.type === 'Claimant');
  if (hasClaimantA && !hasClaimantB) return -1;
  if (!hasClaimantA && hasClaimantB) return 1;
  

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