vue 数组对象深拷贝 并根据某项属性排序
2024-10-21 04:04:11
vue 数组对象深拷贝 并根据某项属性 serialNumber 排序
原始数据
navListData: [
{
name: '企业速览',
isHot: false,
isVip: false,
serialNumber: 3,
},
{
name: '基本信息',
isHot: false,
isVip: false,
serialNumber: 1,
},
{
name: '价值分析',
isHot: false,
isVip: false,
serialNumber: 2,
}
]
深拷贝
this.navListDataLeft = JSON.parse(JSON.stringify(this.navListData))
// 排序方法
this.sortBykey(this.navListDataLeft,'serialNumber')
数组对象排序方法
// 排序
sortBykey(array, key) {
return array.sort(function(a, b) {
var x = a[key]
var y = b[key]
return x < y ? -1 : x > y ? 1 : 0
})
},
最后拿到的数据
最新文章
- (转)linux服务器安全配置攻略
- 【Java MyBatis Generator】使用generator自动生成Dao,Mapping和实体文件
- npoi实现 从固定的行读取数据作为表头并返回datable
- Crystal Reports ";Access to report file denied. Another program may be using it.";
- iframe高度宽度自适应(转)
- [转] iOS开发之使用lipo命令制作模拟器与真机通用静态库
- ASP.NET MVC概述
- Using Java SecurityManager to grant/deny access to system functions
- MYSQL 源代码 学习
- inline-block(行内区块元素)的详解和应用
- Android中使用OKHttp上传图片,从相机和相册中获取图片并剪切
- Java学习笔记--链表
- 音视频编解码问题:javaCV如何快速进行音频预处理和解复用编解码(基于javaCV-FFMPEG)
- NetCore +EF+Mysql 从数据库生成实体类到项目
- String<;-->;int
- 安装Scala开发环境
- 安装kylin的艰难历程
- Promise实践
- [20190312]视图v$datafile字段OFFLINE_CHANGE#, ONLINE_CHANGE#.txt
- emacs(考场+平时)配置方案
热门文章
- java入门与进阶-P1.3+P1.4
- 一文讲尽Thread类的源码精髓
- Solon v2.0 大版本发布。提效率!降成本!
- 【Oculus Interaction SDK】(二)抓取释放效果的物理优化
- 普冉PY32系列(四) PY32F002/003/030的时钟设置
- SRS视频服务器CallBack的Demo
- 解析sensor_msgs::PointCloud2 ROS点云数据
- osx安装mpd和ncmpcpp
- css 显示n行文字的方法 超出的部分用省略号代替
- ABAP 辨析CO|CN|CA|NA|CS|NS|CP|NP