如何在JavaScript中实现对象数组的多条件排序？

基于你已有的单条件排序函数，我们可以扩展出支持多条件排序的功能，核心逻辑是依次按传入的排序条件比较，前一个条件的结果相等时，再用下一个条件判断。

先回顾你的单条件排序函数（假设实现如下） #

先确认下你现有的sortByKey大概是这样处理嵌套字段和升降序的：

function sortByKey(arr, key, order = 'asc') {
  // 工具函数：获取嵌套字段的值
  const getNestedValue = (obj, path) => {
    return path.split('.').reduce((current, prop) => current?.[prop], obj);
  };

  return [...arr].sort((a, b) => {
    const valA = getNestedValue(a, key);
    const valB = getNestedValue(b, key);

    if (valA < valB) return order === 'asc' ? -1 : 1;
    if (valA > valB) return order === 'asc' ? 1 : -1;
    return 0;
  });
}

扩展为多条件排序函数 #

我们可以封装一个sortByMultipleKeys函数，接受一个排序条件数组，每个条件包含字段路径和升降序规则：

function sortByMultipleKeys(arr, sortConditions) {
  // 复用嵌套字段取值工具
  const getNestedValue = (obj, path) => {
    return path.split('.').reduce((current, prop) => current?.[prop], obj);
  };

  return [...arr].sort((a, b) => {
    // 遍历每个排序条件，依次比较
    for (const condition of sortConditions) {
      const { key, order = 'asc' } = condition;
      const valA = getNestedValue(a, key);
      const valB = getNestedValue(b, key);

      if (valA !== valB) {
        // 根据升降序返回比较结果
        return valA < valB ? (order === 'asc' ? -1 : 1) : (order === 'asc' ? 1 : -1);
      }
      // 当前条件相等，继续下一个条件的比较
    }
    // 所有条件都相等，返回0
    return 0;
  });
}

使用示例 #

比如你需要先按details.occupation升序排序，再按age降序排序：

// 测试数据
const users = [
  { name: 'Alice', age: 30, details: { occupation: 'Engineer' } },
  { name: 'Bob', age: 25, details: { occupation: 'Designer' } },
  { name: 'Charlie', age: 35, details: { occupation: 'Engineer' } },
  { name: 'David', age: 28, details: { occupation: 'Designer' } }
];

// 定义多排序条件
const sortRules = [
  { key: 'details.occupation', order: 'asc' },
  { key: 'age', order: 'desc' }
];

// 执行排序
const sortedUsers = sortByMultipleKeys(users, sortRules);
console.log(sortedUsers);

执行后结果会先按职业分组，同一职业内年龄大的排在前面。

关键细节说明 #

• 不修改原数组：用[...arr]复制原数组后再排序，避免副作用
• 嵌套字段兼容：通过getNestedValue处理a.b.c这类嵌套路径
• 条件优先级：排序条件数组的顺序就是优先级，越靠前的条件权重越高
• 类型兼容：默认支持字符串、数字的比较，如果需要处理日期等特殊类型，可以在getNestedValue后添加类型转换逻辑（比如把字符串转成Date对象再比较）

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