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
})
},

  最后拿到的数据

最新文章

  1. (转)linux服务器安全配置攻略
  2. 【Java MyBatis Generator】使用generator自动生成Dao,Mapping和实体文件
  3. npoi实现 从固定的行读取数据作为表头并返回datable
  4. Crystal Reports &quot;Access to report file denied. Another program may be using it.&quot;
  5. iframe高度宽度自适应(转)
  6. [转] iOS开发之使用lipo命令制作模拟器与真机通用静态库
  7. ASP.NET MVC概述
  8. Using Java SecurityManager to grant/deny access to system functions
  9. MYSQL 源代码 学习
  10. inline-block(行内区块元素)的详解和应用
  11. Android中使用OKHttp上传图片,从相机和相册中获取图片并剪切
  12. Java学习笔记--链表
  13. 音视频编解码问题:javaCV如何快速进行音频预处理和解复用编解码(基于javaCV-FFMPEG)
  14. NetCore +EF+Mysql 从数据库生成实体类到项目
  15. String&lt;--&gt;int
  16. 安装Scala开发环境
  17. 安装kylin的艰难历程
  18. Promise实践
  19. [20190312]视图v$datafile字段OFFLINE_CHANGE#, ONLINE_CHANGE#.txt
  20. emacs(考场+平时)配置方案

热门文章

  1. java入门与进阶-P1.3+P1.4
  2. 一文讲尽Thread类的源码精髓
  3. Solon v2.0 大版本发布。提效率!降成本!
  4. 【Oculus Interaction SDK】(二)抓取释放效果的物理优化
  5. 普冉PY32系列(四) PY32F002/003/030的时钟设置
  6. SRS视频服务器CallBack的Demo
  7. 解析sensor_msgs::PointCloud2 ROS点云数据
  8. osx安装mpd和ncmpcpp
  9. css 显示n行文字的方法 超出的部分用省略号代替
  10. ABAP 辨析CO|CN|CA|NA|CS|NS|CP|NP