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

大家好，我们又见面了啊~本文《如何对异步获取的数据进行多字段排序？》的内容中将会涉及到等等。如果你正在学习文章相关知识，欢迎关注我，以后会给大家带来更多文章相关文章，希望我们能一起进步！下面就开始本文的正式内容~

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

后端返回的数据通常按特定字段排序，但前端可能会需要根据其他字段进行重新排序，例如根据多种字段相邻排序。本问题中，需要对后端返回的员工工作数据按 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 }
]

理论要掌握，实操不能落！以上关于《如何对异步获取的数据进行多字段排序？》的详细介绍，大家都掌握了吧！如果想要继续提升自己的能力，那么就来关注golang学习网公众号吧！