如何对异步获取的数据进行多字段排序？

如何对异步获取数据进行排序处理

后端返回的数据通常按特定字段排序，但前端可能会需要根据其他字段进行重新排序，例如根据多种字段相邻排序。本问题中，需要对后端返回的员工工作数据按 appeal_type 和 detail_appeal_type 字段相邻排序。

解决方案：

抖云猫AI论文助手

一款AI论文写作工具，最快 2 分钟，生成 3.5 万字论文。论文可插入表格、代码、公式、图表，依托自研学术抖云猫大模型，生成论文具备严谨的学术专业性。

下载

1. 首先按 appeal_type 字段排序，再在 appeal_type 排序的基础上按 detail_appeal_type 字段排序：

const sortedlist = list.tosorted((a, b) => a.appeal_type - b.appeal_type).tosorted((a, b) => a.detail_appeal_type - b.detail_appeal_type);

2. 如果需要按多个字段排序，可以使用 reduce 方法：

const sortedlist = ['appeal_type', 'detail_appeal_type'].reduce((acc, field) => acc.tosorted((a, b) => a[field] - b[field]), list);

范例：

const list = [
  {
    appeal_type: 16,
    detail_appeal_type: 17,
    utilization_rate: 0.24
  },
  {
    appeal_type: 16,
    detail_appeal_type: 17,
    utilization_rate: 0.24
  },
  {
    appeal_type: 1,
    detail_appeal_type: 2,
    utilization_rate: 0.02
  },
  {
    appeal_type: 16,
    detail_appeal_type: 17,
    utilization_rate: 0.24
  },
  {
    appeal_type: 9,
    detail_appeal_type: 10,
    utilization_rate: 0.12
  },
  {
    appeal_type: 9,
    detail_appeal_type: 10,
    utilization_rate: 0.12
  },
  {
    appeal_type: 16,
    detail_appeal_type: 17,
    utilization_rate: 0.24
  }
];

console.log(sortedlist);

输出：

[
  { appeal_type: 1, detail_appeal_type: 2, utilization_rate: 0.02 },
  { appeal_type: 9, detail_appeal_type: 10, utilization_rate: 0.12 },
  { appeal_type: 9, detail_appeal_type: 10, utilization_rate: 0.12 },
  { appeal_type: 16, detail_appeal_type: 17, utilization_rate: 0.24 },
  { appeal_type: 16, detail_appeal_type: 17, utilization_rate: 0.24 },
  { appeal_type: 16, detail_appeal_type: 17, utilization_rate: 0.24 },
  { appeal_type: 16, detail_appeal_type: 17, utilization_rate: 0.24 }
]