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

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

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

解决方案：

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 }
]

登录后复制

以上就是如何对异步获取的数据进行多字段排序？的详细内容，更多请关注抖狐科技其它相关文章！