JavaScript自定义数组排序方法
更新时间：2015年02月12日 12:13:49 作者：笔心
这篇文章主要介绍了JavaScript自定义数组排序方法,实例分析了javascript自定义数组排序的原理与实现技巧,非常具有实用价值,需要的朋友可以参考下
本文实例讲述了JavaScript自定义数组排序方法。分享给大家供大家参考。具体分析如下：
Array中有自带的排序功能，这个使用起来比较方便，我们有一点必须清楚，就是排序的依据，如果sort不传入参数的话，那就是按照字符编码（Unicode编码）的顺序排序。
var a=["3","2","1"];
console.log(a[0].charCodeAt(0)); // 51
console.log(a[1].charCodeAt(0)); // 50
console.log(a[2].charCodeAt(0)); // 49
console.log(a.sort()); // ["1", "2", "3"]
var a=["3","你","他"];
console.log(a[0].charCodeAt(0)); // 51
console.log(a[1].charCodeAt(0)); // 20320
console.log(a[2].charCodeAt(0)); // 20182
console.log(a.sort()); // ["3", "他", "你"]
var a=["3","11","222"];
console.log(a.sort());// ["11", "222", "3"]
// 多个字符的时候按照第一个字符的编码
不过我觉得sort最好用的地方在于可以自定义排序，这个在实际运用中也比较常见，比如要对对象数组排序。例如线面的一个对象数组，要根据其中的某一个字段进行排序，当然自己也可以写个函数来完成，不过我想没有sort来得方便。
var list = [
{
max:3,
avg:2,
min:1
},
{
max:10,
avg:15,
min:20
},
{
max:8,
avg:5,
min:2
}
];
// 根据max字段对list对象进行排序，从小到大的顺序
// x,y就是要比较的数组的单个元素，这里就是list中的一个元素
// 排序方法主要是要提供一个比较大小的规则，换句话说也就是要说明谁大谁小
// 返回值为true or false
function sortByField(x, y) {
return x.max - y.max;
}
console.log(list.sort(sortByField));
运行效果如下图所示：
希望本文所述对大家的javascript程序设计有所帮助。
相关文章
作为开发者,我们常面对复杂的开发环境,要应对即时通讯与数据实时更新的问题,那么该如何精准高效实现这些功能呢,下面小编就来和大家简单讲讲2025-03-03
关于同时使用swiper和echarts遇到的问题及解决方法
这篇文章主要介绍了关于同时使用swiper和echarts遇到的问题及解决方法,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-04-04
这篇文章主要介绍了微信小程序用户登录和登录态维护的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-12-12
在使用 Yarn 进行项目开发时,由于网络原因,直接使用官方源可能会导致下载速度慢或连接失败,配置国内源可以显著提高包的下载速度和稳定性,本文将详细介绍如何为 Yarn 配置国内源,需要的朋友可以参考下2025-04-04
这篇文章主要介绍了js对象属性名驼峰式转下划线的实例代码，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-09-09
JS前端知识点offset，scroll，client，冒泡，事件对象的应用整理总结
这篇文章主要介绍了JS前端知识点offset，scroll，client，冒泡，事件对象的应用,结合实例形式总结分析了offset，scroll，client，冒泡，事件对象相关功能、原理及操作注意事项,需要的朋友可以参考下2019-06-06
这篇文章主要为大家详细介绍了原生JS实现拖拽位置预览，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
非常实用的文字间隙滚动效果代码2008-06-06
这篇文章主要介绍了小程序实现简单语音聊天的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-07-07
下面我将提供一个简单的JavaScript网页设计案例,该案例将实现一个动态的待办事项列表（Todo List）,用户可以在页面上添加新的待办事项,标记它们为已完成,以及删除它们,这篇文章主要介绍了Java Script网页设计案例,需要的朋友可以参考下2024-08-08
最新评论