javascript - 如何对后台返回数据处理成相邻数据展示？
如何对异步获取数据排序处理？
后端返回的数据是按staff默认排序的：
{ "code": 0, "msg": "success", "data": { "data": [ { "date": "2024-02-28-2024-02-28", "staff": "li", "sum_utilization_rate": 0.38, "appeal_type": 16, "appeal_type_utilization_rate": 0.24, "detail_appeal_type": 17, "detail_appeal_type_utilization_rate": 0.24, "task_id": 248, "task_utilization_rate": 0 }, { "date": "2024-02-28-2024-02-28", "staff": "li", "sum_utilization_rate": 0.38, "appeal_type": 16, "appeal_type_utilization_rate": 0.24, "detail_appeal_type": 17, "detail_appeal_type_utilization_rate": 0.24, "task_id": 246, "task_utilization_rate": 0 }, { "date": "2024-02-28-2024-02-28", "staff": "li", "sum_utilization_rate": 0.38, "appeal_type": 1, "appeal_type_utilization_rate": 0.02, "detail_appeal_type": 2, "detail_appeal_type_utilization_rate": 0.02, "task_id": 243, "task_utilization_rate": 0.02 }, { "date": "2024-02-28-2024-02-28", "staff": "li", "sum_utilization_rate": 0.38, "appeal_type": 16, "appeal_type_utilization_rate": 0.24, "detail_appeal_type": 17, "detail_appeal_type_utilization_rate": 0.24, "task_id": 245, "task_utilization_rate": 0 }, { "date": "2024-02-28-2024-02-28", "staff": "li", "sum_utilization_rate": 0.38, "appeal_type": 9, "appeal_type_utilization_rate": 0.12, "detail_appeal_type": 10, "detail_appeal_type_utilization_rate": 0.12, "task_id": 241, "task_utilization_rate": 0 }, { "date": "2024-02-28-2024-02-28", "staff": "li", "sum_utilization_rate": 0.38, "appeal_type": 9, "appeal_type_utilization_rate": 0.12, "detail_appeal_type": 10, "detail_appeal_type_utilization_rate": 0.12, "task_id": 242, "task_utilization_rate": 0.12 }, { "date": "2024-02-28-2024-02-28", "staff": "li", "sum_utilization_rate": 0.38, "appeal_type": 16, "appeal_type_utilization_rate": 0.24, "detail_appeal_type": 17, "detail_appeal_type_utilization_rate": 0.24, "task_id": 247, "task_utilization_rate": 0.2 }, ] }}前端获取到数据还想根据appeal_type和detail_appeal_type进行排序处理，变成相邻的数据，求教怎么处理，我用sort处理但是没生效，反而更错乱了。
共有2个答案
你应该提供你的 sort 方法啊
给你一个比较简单的办法直接上 lodash
https://www.lodashjs.com/docs/lodash.sortBy#_sortbycollection...
先按 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)
或者排序字段多的话, 可以这样写:
const sortedList = ['appeal_type', 'detail_appeal_type'].reduce((acc, field) => acc.toSorted((a, b) => a[field] - b[field]), list)
-
(自己模拟的数据效果) 如上路径动画，目前的问题是运行的坐标数据是依照地图来的 需要转换为画布能够展示的范围，但运行数据之前差别大部分情况下都很小 我要怎样处理会合适一点？ help大佬们
-
这里我有一个函数，它应该返回秒数作为变量sec，但是return语句在数据库事务之前运行，所以我一直没有定义。我可以做些什么来确保事务在回电话之前完成。类似于用于。
-
问题内容： 在我的前端JavaScript应用程序中，我发出了ajax请求以从服务器获取数据。一旦获得数据，我想将该信息返回给视图。 我该怎么做？ 问题答案： 而不是从：返回来传递给函数。
-
想问下大家使用vue的时候，对于api返回的数据是如何进行处理的，有时候api返回的是数字，前端需要搞个字典映射，最常见的就是性别 res.data 通常就是 { name: aaa, sex: 1, type: 3 ... } 我也是用一个itemData = res.data 去接收 当我有多个这种映射值需要转换的时候，而我该如何让代码尽量好维护？ 目前我能想到的方法： computed计算属
-
用户勾选某一个分类，一次性查询该分类里的所有商品信息，并创建价格任务。 业务员在价格操作的时候，对刚才创建的所有商品信息进行价格操作，根据基准价做涨幅，每个商品都有不同的基准价，现在的问题就是数据量太大，如果一次性操作一万条商品数据，还要根据基准价做涨幅，有什么好的方法？前端如果展示的话，每条商品的涨幅后价格都要显示，请问该怎么操作比较好，后端这边应该怎么进行处理大批量的数据？
-
js数据结构处理 后台返回的接口数据如下 想把res.result变成如下格式 js数据结构处理后台返回的接口数据如下 以此类推.... 没有思路，求指点