js使用Array.prototype.sort()对数组对象排序的方法
更新时间：2015年01月28日 11:59:04 投稿：shichen2014
这篇文章主要介绍了js使用Array.prototype.sort()对数组对象排序的方法,实例分析了Array.prototype.sort()的原理与相关的使用技巧,需要的朋友可以参考下
本文实例讲述了js使用Array.prototype.sort()对数组对象排序的方法。分享给大家供大家参考。具体分析如下：
在讲对数组对象进行排序时，我们先来简单的了解一下Array.prototype.sort()。sort方法接受一个参数——Function，function会提供两个参数，分别是两个进行比较的元素，如果元素是String类型则通过Unicode code进行比较，如果是Number类型则比较值的大小。如果比较的函数中返回1则两个元素交换位置，0和-1不交换位置。先看一个例子：
复制代码 代码如下:
var arr = [3, 5, 2, 1];
// 从小到大排序
arr.sort(function (a, b) {
return a > b ? 1 : -1;
});
// 得到的结果：[1, 2, 3, 5]
// 从小到大排序
arr.sort(function (a, b) {
return a > b ? 1 : -1;
});
// 得到的结果：[1, 2, 3, 5]
那么回到我们的主题，如果是对一个数组对象进行排序，该怎么写呢？其实原理和上面一样，如：
复制代码 代码如下:
var arr = [
{ a : 2, b : 3.2},
{ a : 3, b : 1.2},
{ a : 4, b : 2.2},
{ a : 6, b : 1.2},
{ a : 5, b : 3.2}
]
/// 从小到大按属性b排序
arr.sort(function(x, y){
return x.b > y.b ? 1:-1;
});
{ a : 2, b : 3.2},
{ a : 3, b : 1.2},
{ a : 4, b : 2.2},
{ a : 6, b : 1.2},
{ a : 5, b : 3.2}
]
/// 从小到大按属性b排序
arr.sort(function(x, y){
return x.b > y.b ? 1:-1;
});
x和y就是arr的一个元素，即一个对象，所以直接比较两个对象的属性即可。
上面的例子中，最小的元素中有重复，如果需求是：先按b属性从小到大排序，如果最小中有重复则再按a属性排序，那应该怎么写呢？
在排序的时候，先按b属性排序，如果x.b的大于y.b则将x移到y的右边，如果x.b等于y.b则再通过x.a和y.a进行比较，所以代码如下：
复制代码 代码如下:
arr.sort(function (x, y) {
if (x.b > y.b) {
return 1;
} else if (x.b === y.b) {
return x.a > y.a ? 1 : -1;
} else if (x.b < y.b) {
return -1;
}
})
if (x.b > y.b) {
return 1;
} else if (x.b === y.b) {
return x.a > y.a ? 1 : -1;
} else if (x.b < y.b) {
return -1;
}
})
希望本文所述对大家的javascript程序设计有所帮助。
相关文章
这篇文章主要为大家介绍了uniapp自定义多列瀑布流组件实战总结,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-09-09
这篇文章主要介绍了JavaScript事件对象,结合实例形式深入分析了javascript DOM、IE及其他浏览器相关事件对象操作技巧与注意事项,需要的朋友可以参考下2018-12-12
下面小编就为大家带来一篇原生js的数组除重复简单实例。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
这篇文章主要介绍了JavaScript对Cookie进行读写操作的方法,实例分析了javascript针对cookie的读写操作技巧,非常简单实用,需要的朋友可以参考下2015-07-07
这篇文章主要为大家详细介绍了微信小程序实现简单购物车小功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
Bootstrap 表单验证formValidation 实现表单动态验证功能
这篇文章主要介绍了Bootstrap 表单验证formValidation 实现表单动态验证功能,需要的朋友可以参考下2017-05-05
这篇文章介绍了在javascript中自定义对象的属性方法，有需要的朋友可以参考一下2013-07-07
下面小编就为大家带来一篇使用Math.max,Math.min获取数组中的最值实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-04-04
在JS中使用fetch更加高效地进行网络请求,下面这篇文章主要给大家介绍了关于JS中fetch()用法的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-09-09
微信小程序如何利用getCurrentPages进行页面传值
这篇文章主要介绍了微信小程序如何利用getCurrentPages进行页面传值,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-07-07
最新评论