登录
首页 >  文章 >  前端

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

时间:2024-11-10 18:30:55 454浏览 收藏

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

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

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

后端返回的数据通常按特定字段排序,但前端可能会需要根据其他字段进行重新排序,例如根据多种字段相邻排序。本问题中,需要对后端返回的员工工作数据按 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);
  1. 如果需要按多个字段排序,可以使用 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学习网公众号吧!

相关阅读
更多>
最新阅读
更多>
课程推荐
更多>