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程序设计有所帮助。

相关文章

  • JS实现二维数组横纵列转置的方法

    JS实现二维数组横纵列转置的方法

    下面小编就为大家分享一篇JS实现二维数组横纵列转置的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-04-04
  • 微信小程序前端自定义分享的实现方法

    微信小程序前端自定义分享的实现方法

    这篇文章主要给大家介绍了关于微信小程序前端自定义分享的实现方法,文中通过示例代码介绍的非常详细,对大家学习或者使用微信小程序具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-06-06
  • canvas简单快速的实现知乎登录页背景效果

    canvas简单快速的实现知乎登录页背景效果

    本篇文章主要介绍了canvas简单快速实现知乎登录页背景效果的相关知识,具有很好的参考价值。下面跟着小编一起来看下吧
    2017-05-05
  • js百度地图鼠标滚轮缩放导致地图中心点偏移问题

    js百度地图鼠标滚轮缩放导致地图中心点偏移问题

    本文主要介绍了js百度地图鼠标滚轮缩放导致地图中心点偏移问题,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-02-02
  • js Promise并发控制数量的方法

    js Promise并发控制数量的方法

    在业务开发过程中,我们经常会遇到多个异步任务并发执行的情况,待所有异步任务结束之后再执行我们的业务逻辑,那么js Promise并发控制数量是多少,本文就来介绍一下
    2021-08-08
  • Java通过WebSocket实现异步导出解决思路

    Java通过WebSocket实现异步导出解决思路

    这篇文章主要介绍了通过WebSocket实现异步导出,本篇文章记录大批量数据导出时间过长,导致接口请求超时问题,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2024-01-01
  • js 动态修改css文件用到了cssRule

    js 动态修改css文件用到了cssRule

    js 动态修改css文件,循环用的underscore,在使用cssRule只能使用cssRule.style.padding=0px,详细示例如下
    2014-08-08
  • javascript 弹出层居中效果的制作

    javascript 弹出层居中效果的制作

    做一个带拖动的弹出层效果(像提示框那种) ,看了下代码与实现效果,值得学习应用。
    2009-09-09
  • 如何利用js给自己照相并修图

    如何利用js给自己照相并修图

    在一些浏览器里已经可以使用web api调用摄像头功能了,下面这篇文章主要给大家介绍了关于如何利用js给自己照相并修图的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-05-05
  • 用javascript添加控件自定义属性解析

    用javascript添加控件自定义属性解析

    这篇文章主要是对用javascript添加控件自定义属性进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-11-11

最新评论