js对象排序or数组排序(基于排序相同的属性之外再次排序其他的属性)
时间:2019-11-20
本文章向大家介绍js对象排序or数组排序(基于排序相同的属性之外再次排序其他的属性),主要包括js对象排序or数组排序(基于排序相同的属性之外再次排序其他的属性)使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
//对象排序 var obj = { 0:{name:'小红',age:'18',inset:'吃饭'}, 1:{name:'小狗',age:'16',inset:'游泳'}, 2:{name:'小黄',age:'14',inset:'睡觉'}, 3:{name:'小光',age:'12',inset:'看电视'}, 4:{name:'小黄',age:'8',inset:'睡觉'}, 5:{name:'小明',age:'15',inset:'玩电脑'}, 6:{name:'小光',age:'6',inset:'看电视'}, } var sb = JSON.parse(JSON.stringify(obj)) var sortedObjKeys = Object.keys(sb).sort(function(a, b){ if(sb[a]['inset']!= sb[b]['inset']){ return sb[a]['inset'].localeCompare(sb[b]['inset'],'zh'); //最先inset属性值不相同时排序 } if(sb[a]['name']!= sb[b]['name']){ return sb[a]['name'].localeCompare(sb[b]['name'],'zh'); //基于inset属性值相同的情况下 再根据name排序 } return sb[a].age - sb[b].age //最后基于name值相同时再根据age排序 }); for( var key in sortedObjKeys){ obj[key] = sb[sortedObjKeys[key]] } console.log(obj) //数组排序 var arr = [ {name:'小红',age:'18',inset:'吃饭'}, {name:'小狗',age:'16',inset:'游泳'}, {name:'小黄',age:'14',inset:'睡觉'}, {name:'小光',age:'12',inset:'看电视'}, {name:'小黄',age:'8',inset:'睡觉'}, {name:'小明',age:'15',inset:'玩电脑'}, {name:'小光',age:'6',inset:'看电视'}, ] arr.sort(function(a, b){ if(a['inset']!= b['inset']){ return a['inset'].localeCompare(b['inset'],'zh'); //最先inset属性值不相同时排序 } if(a['name']!= b['name']){ return a['name'].localeCompare(b['name'],'zh'); //基于inset属性值相同的情况下 再根据name排序 } return a.age - b.age //最后基于name值相同时再根据age排序 }); console.log(arr)
原文地址:https://www.cnblogs.com/MJ-MY/p/11897809.html
- jQuery HTML5 Uploader
- 1022: [SHOI2008]小约翰的游戏John【Nim博弈,新生必做的水题】
- [接口测试 - http.client篇] 16 基于http.client之POM实战一下
- 数论部分第一节:素数与素性测试【详解】
- ProtoBuf 序列化工具组件
- C++STL vector简单使用练习1
- 小解Redis 系列
- 小侃 SQL加密和性能
- 接口测试 | 25 requests + pytest测试实例
- 接口测试 | 24 requests + unittest集成你的接口测试
- 接口测试 23 requests基础入门二
- 写让别人能读懂的代码+网页性能管理详解
- CDOJ 1330 柱爷与远古法阵【高斯消元,卡精度】
- Robot Framework | 04 参数化基于Public API的RFS测试
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Python 实现随机森林预测宽带客户离网(附源数据与代码)
- 嘿,你知道新冠疫情现在什么样了吗?
- 关于双目立体视觉的三大基本算法及发展现状的总结
- 权限维持之打造不一样的映像劫持后门
- SM3加密算法开源项目推荐
- 图片压缩原理
- 使用 Vue 3.0,你可能不再需要Vuex了
- ffmpeg视频处理神器学习基础笔记
- 5分钟就能做一个Excel动态图表,你确定不学学?(纯gif教学)
- 使用Logstash接收Netflow日志并发送到syslog服务器
- Flask搭建ES搜索引擎(二)
- Java 通过RestHighLevelClient 使用ES的date_histogram 根据年月日做统计
- Debug HashMap
- NSum及股票系列
- 从0开始搭建编程框架——主框架和源码