开发需求总结14-数组对象中根据相同的id进行排序

已于 2024-04-13 17:54:35 修改
阅读量481 收藏 4
点赞数 6
分类专栏： 工作总结 文章标签： vue.js 前端 javascript
于 2024-04-13 17:43:16 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Mr_LiuP/article/details/137719771
版权

需求描述：

大家都知道element里el-table组件实现单选、全选，只需要在el-table-column，设type属性为selection，通过selection-change事件就可以得到选中的数组。一般像批量发布、批量审批、批量拒绝等场景，不涉及选中后排序，是可以直接将选中后的数据的id作为参数，传递给后端。

但是如果涉及到排序，最近在项目中遇到一个elementUI上表格可多选或单选的坑！这个场景不是很好描述，el-table数据，每一条数据代表一个事件，每一个事件有多个措施。在选中每一条数据最后导出时，需要把每一条数据的事件id，措施id传递给后端。后端会把具有相同事件id的数据合并。所以一旦涉及到一个一个选中，并且不是按照顺序从上到下选择，那么传给后端的数据就是乱的，此时最保险的做法就是前后端都进行相同事件id的排序操作，确保不会出现问题。

例如下面这样的数据，etid代表事件id，sonid代表措施id，两个相同的事件id中间有另外一个事件，如果前后端都没有进行排序，那么导出来的表格里面就只有一条数据（后端是根据第一个id和最后一个相同的id，进行合并的）。

{etid: 2938, sonid: 5233},  

{etid: 2937, sonid: 5233},  

{etid: 2938, sonid: 5238}  

所以我们需要对这种不按照顺序选中的数据，进行相同的etid的排序，再传给后端，以下是解决方案。

代码实现：

最低0.47元/天 解锁文章
Mr_LiuP
关注
  • 6
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
对数组进行排序的 Java 程序
我的博客，不一样的自我表达
07-26 122
Arrays.sort() 方法由两种变体组成，其中一种我们不传递任何参数，它对整个数组进行排序，无论是整数数组还是字符数组，但如果我们应该使用 Arrays 类的这种方法对特定部分进行排序，那么我们重载它并将起始索引和最后一个索引传递给数组。时间复杂度： O(nlog(n))，因为 arrays.sort() 的复杂度。时间复杂度：O(nlog(n))，因为 arrays.sort() 的复杂度。时间复杂度：O(nlog(n))，因为 arrays.sort() 的复杂度。语法： sort() 方法。
javascript排序数组对象
qq_45800365的博客
08-09 244
在这个示例中，sort() 方法会根据比较函数的返回值来决定数组对象的排序顺序。如果比较函数返回负数，表示 a 应该在 b 前面，从而实现升序排序。运行示例代码后，menuList 数组将会按照 id 属性升序排序。
微信小程序js数组对象根据某个字段排序
m0_74444744的博客
12-07 1152
微信小程序对js数组对象根据某字段进行排序
数组对象用ID排序
chihuang6429的博客
06-13 630
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name=...
js数组对象相同项合并处理、数组对象指定对象字段排序
Khun_HWJ的博客
07-21 5374
案例一 var arr = [ {"id":"1","name":"张三","value":"1245"}, 　　　　{"id":"1","name":"张三","value":"1360"}, 　　　　{"id":"2","name":"李四","value":"1120"}, 　　　　{"id":"2","name":"李四","value":"1362"}, 　　　　{"id":"2","name":"李四","value":"1008"}, 　　　　{"id":"3","name":"王五
对象数组根据布尔值true和false进行排序——js基础积累
yehaocheng520的博客
12-07 2117
对象数组根据布尔值true和false进行排序——js基础积累
js数组对象根据多个属性值排序
Baby_加油_的博客
04-08 3873
写逻辑的过程中，你会发现，基础的方法特别重要，数组的方法和对象的方法，一定得特别熟悉，这在前端开发中很重要！！ 首先，我直接给出多属性值排序的方法，再说下一个详细的真实案例 例如:将下列数组按照pxId排序,当pxId相等时按照dj排序 var arr1 = [ {ID: "4001104",pxId: 2001,dj: 1,bh: 4001104}, {ID: "4001105",pxId:...
js根据名字将数组对象中名字相同的项组成一个相同的数组
Front小思的博客
12-25 971
需求：今天遇到一个的是当前定位在广州，根据传广州过去获取会的的所有区的门店数据！设计稿要求：根据所在的区来分类某个区有哪些门店！但是后端就返回一个数组里面有所有的门店！
对象数组中按对象的指定某个字段排序
空山新雨后，天气晚来秋
06-09 1934
对象数组中按对象的指定某个字段排序
js代码-数组和对象的转换
07-16
在实际开发中，我们经常需要将数组转换为对象，或者将对象转换为数组，以满足特定的需求。本篇将详细介绍这两种转换方法及其应用场景。 1. 数组转换为对象 数组到对象的转换通常涉及到数组中的元素与新对象的键之间...
iOS模型数组排序
04-19
总结来说，`sortedArrayUsingComparator`是Objective-C中对数组进行自定义排序的强大工具，通过提供自定义的比较Block，我们可以根据业务需求灵活地对模型数组进行排序。在实际开发中，它常用于创建用户友好的列表或...
Object-C数组排序
05-14
在Objective-C中，数组操作是常见的编程任务，特别是在iOS和macOS开发中。数组排序是数据处理的关键部分，它能够帮助我们有效地组织和检索数据。本篇将详细讲解Object-C中的数组排序，以及如何实现一个简洁易懂的...
oc数组排序
04-01
在编程领域，数组和排序是两个非常基础但至关重要的概念，尤其在Objective-C（简称OC）这样的面向对象语言中。数组是一种数据结构，用于存储一组相同类型的数据元素，而排序则是对这些元素按照特定规则进行排列的...
vue+element-ui实现穿梭框数据自定义排序
12-05
这里，`sourceData`是包含待排序数据的数组，`label: 'name'`表示数据对象中的哪个字段作为展示的标签，`titles`定义了穿梭框两侧的标题，`v-model`用于双向绑定选中的数据，而`@change`事件会在数据发生变化时触发...
创建一个vue3+vite+ts项目
m0_56885551的博客
06-29 476
新建一个vue3+vite+tsx项目
vue3插槽的使用
qq_47040462的博客
06-28 438
作用域插槽可以接收来自子组件的数据，使插槽内容能基于这些数据动态变化。默认插槽是最基本的形式，用于插入任何未明确命名的内容。通过合理使用插槽，你可以设计出高度可复用和灵活的组件。具名插槽允许你有选择性地插入内容到组件的特定位置。
【vueUse库Component模块各函数简介及使用方法--上篇】
最新发布
xiejunlan的博客
07-02 1201
vueUseComponent函数理解 `computedInject` 的概念模拟 `computedInject`使用场景总结构想`createReusableTemplate`的用途可能的实现方式方法一：使用高阶组件（HOC）方法二：使用插槽（Slots）和默认插槽内容结论构想`createTemplatePromise`的用途可能的实现方式使用Vue 3的异步组件构想中的`createTemplatePromise`结论使用Vue的`ref`属性在模板中引用元素或组件示例：引用模板中的DOM元素。
开发一个数据管理程序（如成绩管理、商品管理、图书管理等），要求实现基本的输入、输出、查询、统计、排序等功能。通过文件进行数据输入输出，数据存储结构方案可以采用结构体数组或链表。
05-24
好的，这个是一个比较典型的数据管理程序，以下是一个基本的实现思路： 1. 定义一个结构体，表示需要管理的对象（如成绩、商品或图书），包括各种属性，比如名称、编号、价格、库存等等。例如： ``` struct Product { int id; // 商品编号 char name[20]; // 商品名称 int price; // 商品价格 int stock; // 商品库存 }; ``` 2. 定义一个数组或链表，存储这些对象。可以在程序开始时从文件中读取数据，并将其存储到数组或链表中。例如： ``` Product products[100]; // 最多存储100个商品 int numProducts = 0; // 当前存储的商品数量 // 从文件中读取商品数据 void loadProducts() { // TODO: 实现从文件中读取数据，并将其存储到products数组中 } // 将商品数据写入文件 void saveProducts() { // TODO: 实现将products数组中的数据写入文件 } ``` 3. 实现基本的输入、输出、查询、统计、排序等功能。这些功能可以封装成函数，方便调用。例如： ``` // 添加一个新商品 void addProduct(Product product) { products[numProducts++] = product; } // 根据商品编号查询商品 Product* findProductById(int id) { for (int i = 0; i < numProducts; i++) { if (products[i].id == id) { return &products[i]; // 返回指向商品的指针 } } return NULL; // 没有找到，返回NULL } // 对商品按价格进行排序 void sortProductsByPrice() { // TODO: 实现对products数组中的商品按价格进行排序 } // 输出所有商品的信息 void printAllProducts() { for (int i = 0; i < numProducts; i++) { printf("%d\t%s\t%d\t%d\n", products[i].id, products[i].name, products[i].price, products[i].stock); } } ``` 4. 在主函数中调用这些函数，实现完整的程序。例如： ``` int main() { loadProducts(); // 从文件中读取商品数据 // 添加新商品 Product product1 = {1001, "iPhone", 8999, 10}; addProduct(product1); Product product2 = {1002, "iPad", 3999, 5}; addProduct(product2); // 查询商品 Product* foundProduct = findProductById(1001); if (foundProduct != NULL) { printf("Found product: %s\n", foundProduct->name); } // 排序 sortProductsByPrice(); // 输出所有商品 printAllProducts(); saveProducts(); // 将商品数据写入文件 return 0; } ``` 以上就是一个基本的数据管理程序的实现思路，具体的实现细节需要根据具体需求进行调整。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Mr_LiuP

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值