
js中数组对象的排序及vue项目中的使用
确保tab标题每次重启后显示一致 提高用户体验 便于后续功能扩展
发布日期:2021-05-27 01:31:33
浏览次数:31
分类:精选文章
本文共 1007 字,大约阅读时间需要 3 分钟。
JavaScript数组对象排序方案
在项目中每次重启设备时,tab标题显示的顺序可能会随机变化,导致用户体验不良。为了解决这一问题,我们需要对数组对象进行排序,确保每次重启后都按照预定规则显示tab标题。
排序逻辑说明
基于以下规则进行排序:
- DeviceID
- GB28181
- I8S
- ATVTurn
- ATVSIP
- GB35114
具体实现方式如下:
var objs = [ { header: 'DeviceID' }, { header: 'GB28181' }, { header: 'I8S' }, { header: 'ATVTurn' }, { header: 'ATVSIP' }, { header: 'GB35114' }];objs.sort(function(a, b) { var order = ['DeviceID', 'GB28181', 'I8S', 'ATVTurn', 'ATVSIP', 'GB35114']; return order.indexOf(a.header) - order.indexOf(b.header);});
项目实现代码
function Sort_protocal(arr) { let objs = arr; const order = ['DeviceID', 'GB28181', 'I8S', 'ATVTurn', 'ATVSIP', 'GB35114']; objs.sort((a, b) => { return order.indexOf(a.header) - order.indexOf(b.header); }); const result = objs.map(a => a.hash); return result;}
排序后的结果
排序完成后,结果如下:
[ 'CVConfigProtocalFseyeOrDeviceID', 'CVConfigProtocalGB28181', 'CVConfigProtocalI8S', 'CVConfigProtocalATVTurn', 'CVConfigProtocalATVSIP', 'CVConfigProtocalGB35114']
这样做的好处是:
发表评论
最新留言
第一次来,支持一个
[***.219.124.196]2025年04月24日 06时58分29秒
关于作者

喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
无法初始化Winsock2.2处理
2019-03-12
vMotion 操作失败进度卡在14% ,报错: Operation Timed out
2019-03-12
重置UAG Application admin密码
2019-03-12
Horizon Daas租户管理平台扩展分配时报:内部错误
2019-03-12
项目计划甘特图绘制说明
2019-03-12
嵌入式系统试题库(CSU)
2019-03-12
【自考】之信息资源管理(一)
2019-03-12
setup facatory9.0打包详细教程(含静默安装和卸载)
2019-03-12
ionic4 路由跳转传值
2019-03-12
pwn题shellcode收集
2019-03-12
Linux kernel pwn --- CSAW2015 StringIPC
2019-03-12
配置jdk的环境变量
2019-03-12
编译android源代码(aosp)
2019-03-12
IDEA 找不到 Persistence窗口解决办法
2019-03-12
维基百科之AndroidRoot
2019-03-12
C++ Primer Plus读书笔记:循环读取(错误处理)
2019-03-12
skimage与cv2 安装失败的解决办法
2019-03-12
关于吴恩达的深度学习的一些授课视频里面英文翻译错误的实例展示
2019-03-12
伴随矩阵和逆矩阵的关系证明
2019-03-12