JavaScript对象数组排序实例方法浅析


Posted in Javascript onJune 15, 2016

 在javascript中实现多维数组、对象数组排序,基本上都是用原生的sort()方法,用于对数组的元素进行排序。

其基本的用法就不说了,先看个简单的排序例子:

//Sort
alphabetically and ascending:
var
myarray=["Bob",
"Bully",
"Amy"]
myarray.sort()
//Array
now becomes ["Amy", "Bob", "Bully"]

数组直接调用sort()后,数组按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。

再来看看数字的排序:

//Sort
numerically and ascending:
var
myarray=[25, 8, 7, 41]
myarray.sort(function(a,b){return
a - b}) //Array
now becomes [7, 8, 25, 41]

sort(fun)接受了个排序规则函数,这个函数将比较2个数字的大小。而我们的对象数组排序,实际上原理也是一样的。

对于对象数组排序,我们先写一个构造比较函数的函数:

//by函数接受一个成员名字符串做为参数
//并返回一个可以用来对包含该成员的对象数组进行排序的比较函数
var
by = function(name){
return
function(o,
p){
var
a, b;
if
(typeof
o === "object"
&& typeof
p === "object"
&& o && p) {
a
= o[name];
b
= p[name];
if
(a === b) {
return
0;
}
if
(typeof
a === typeof
b) {
return
a < b ? -1 : 1;
}
return
typeof 
a < typeof
b ? -1 : 1;
}
else
{
throw
("error");
}
}
}

要排序的数组:

var
employees=[]
employees[0]={name:"George",
age:32, retiredate:"March
12, 2014"}
employees[1]={name:"Edward",
age:17, retiredate:"June
2, 2023"}
employees[2]={name:"Christine",
age:58, retiredate:"December
20, 2036"}
employees[3]={name:"Sarah",
age:62, retiredate:"April
30, 2020"}

直接调用函数:

employees.sort(by("age"));

到这里,对象数组排序就算基本实现了。那如何实现多个键值排序呢?意思就是先是对age排序,如果age相同,再比较name。
这时,我们可以进一步修改by函数,让其可以接受第二个参数,当主要的键值产生一个匹配的时候,另一个compare方法将被调用以决出高下。

//by函数接受一个成员名字符串和一个可选的次要比较函数做为参数
//并返回一个可以用来包含该成员的对象数组进行排序的比较函数
//当o[age]
和 p[age] 相等时,次要比较函数被用来决出高下
var
by = function(name,minor){
return
function(o,p){
var
a,b;
if(o
&& p && typeof
o === 'object'
&& typeof
p ==='object'){
a
= o[name];
b
= p[name];
if(a
=== b){
return
typeof 
minor === 'function'
? minor(o,p):0;
}
if(typeof
a === typeof
b){
return
a <b ? -1:1;
}
return
typeof 
a < typeof
b ? -1 : 1;
}else{
thro("error");
}
}
}
employees.sort(by('age',by('name')));

好了,现在可以放心使用了。如果看不懂,可直接copy 这个by函数到你的应用里面,直接调用即可。

以上所述是小编给大家介绍的JavaScript对象数组排序实例方法浅析的全部叙述,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
[原创]图片分页查看
Aug 28 Javascript
jQuery操作 input type=checkbox的实现代码
Jun 14 Javascript
JS监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法
Aug 05 Javascript
JavaScript学习笔记--常用的互动方法
Dec 07 Javascript
js制作可以延时消失的菜单
Jan 13 Javascript
在React中如何优雅的处理事件响应详解
Jul 24 Javascript
原生js+cookie实现购物车功能的方法分析
Dec 21 Javascript
AngularJS ui-router刷新子页面路由的方法
Jul 23 Javascript
JS实现判断图片是否加载完成的方法分析
Jul 31 Javascript
详解JavaScript中的Object.is()与&quot;===&quot;运算符总结
Jun 17 Javascript
echarts.js 动态生成多个图表 使用vue封装组件操作
Jul 19 Javascript
JS将指定的某个字符全部转换为其他字符实例代码
Oct 13 Javascript
JavaScript实现点击文本自动定位到下拉框选中操作
Jun 15 #Javascript
JavaScript对象数组如何按指定属性和排序方向进行排序
Jun 15 #Javascript
jQuery动态加载css文件实现方法
Jun 15 #Javascript
异步加载JS、CSS代码(推荐)
Jun 15 #Javascript
全面解析Javascript无限添加QQ好友原理
Jun 15 #Javascript
漫谈JS引擎的运行机制 你应该知道什么
Jun 15 #Javascript
JavaScript操作 url 中 search 部分方法函数
Jun 15 #Javascript
You might like
php 冒泡排序 交换排序法
2011/05/10 PHP
linux下安装php的memcached客户端
2014/08/03 PHP
php检查字符串中是否有外链的方法
2015/07/29 PHP
smarty的section嵌套循环用法示例
2016/05/28 PHP
mysqli扩展无法在PHP7下升级问题的解决
2019/09/10 PHP
javascript 面向对象编程基础:封装
2009/08/21 Javascript
jQuery 1.8 Release版本发布了
2012/08/14 Javascript
jquery的ajax()函数传值中文乱码解决方法介绍
2012/11/08 Javascript
ie8 不支持new Date(2012-11-10)问题的解决方法
2013/07/31 Javascript
javascript获取所有同类checkbox选项(实例代码)
2013/11/07 Javascript
js通过更改按钮的显示样式实现按钮的滑动效果
2014/04/23 Javascript
js的Prototype属性解释及常用方法
2014/05/08 Javascript
JavaScript中判断整字类型最简洁的实现方法
2014/11/08 Javascript
js点击列表文字对应该行显示背景颜色的实现代码
2015/08/05 Javascript
简单实现限制uploadify上传个数
2015/11/16 Javascript
javascript图片预加载完整实例
2015/12/10 Javascript
AngularJs Understanding the Controller Component
2016/09/02 Javascript
12 款 JS 代码测试必备工具(翻译)
2016/12/13 Javascript
EasyUI框架 使用Ajax提交注册信息的实现代码
2017/09/27 Javascript
详解webpack 打包文件体积过大解决方案(code splitting)
2018/04/10 Javascript
[03:43]TI9战队采访——PSG.LGD
2019/08/22 DOTA
Python实现同时兼容老版和新版Socket协议的一个简单WebSocket服务器
2014/06/04 Python
python生成器推导式用法简单示例
2019/10/08 Python
使用 pytorch 创建神经网络拟合sin函数的实现
2020/02/24 Python
Python小白垃圾回收机制入门
2020/06/09 Python
使用bandit对目标python代码进行安全函数扫描的案例分析
2021/01/27 Python
YOINS官网:时尚女装网上购物
2017/03/17 全球购物
专营店会计助理岗位职责
2013/11/29 职场文书
职业生涯规划书的格式
2013/12/29 职场文书
人力资源部副职的竞聘演讲稿
2014/01/07 职场文书
商铺消防安全责任书
2014/07/29 职场文书
个人反四风对照检查材料思想汇报
2014/09/23 职场文书
单位介绍信格式
2015/01/31 职场文书
求职简历自荐信怎么写
2015/03/26 职场文书
2015年小学二年级班主任工作总结
2015/05/21 职场文书
浅谈Go语言多态的实现与interface使用
2021/06/16 Golang