脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JavaScript对象数组的排序处理

JavaScript对象数组的排序处理方法

 更新时间：2015年10月21日 15:48:57   作者：逐浪_一生悬命  
这篇文章主要介绍了JavaScript对象数组的排序处理方法,以实例形式分析了JavaScript对象数组的排序原理与相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了JavaScript对象数组的排序处理方法。分享给大家供大家参考，具体如下：

javascript的数组排序函数 sort方法，默认是按照ASCII 字符顺序进行升序排列。
arrayobj.sort(sortfunction);

参数：sortFunction

可选项。是用来确定元素顺序的函数的名称。如果这个参数被省略，那么元素将按照 ASCII 字符顺序进行升序排列。

sort 方法将 Array 对象进行适当的排序；在执行过程中并不会创建新的 Array 对象。

如果为 sortfunction 参数提供了一个函数，那么该函数必须返回下列值之一：

负值，如果所传递的第一个参数比第二个参数小。
零，如果两个参数相等。
正值，如果第一个参数比第二个参数大。

以上的方法在一维的排序还是很方便的，但像SQL语句中的ORDER BY 一样的多键值排序由怎么做呢？

多维数组的多键值排序，则需要复杂一些，但不需要用循环解决。实际解决的道理是一样的 。

数字：

以下的例子是将数字的多维数组按照第5列，第9列，第3列的顺序排序，像SQL语句中的ORDER BY col5，col9，col7。数字的时候可以直接两个项目相减，以结果作为返回值即可。

<script language=javascript>
 var myArray = new Array();
 for(var i=0;i<10;i++ ){
 myArray[i]=new Array();
 myArray[i][0]=Math.floor(Math.random()*10); 
 myArray[i][1]=Math.floor(Math.random()*10);
 myArray[i][2]=Math.floor(Math.random()*10);
 myArray[i][3]=Math.floor(Math.random()*10);
 myArray[i][4]=Math.floor(Math.random()*10);
 myArray[i][5]=Math.floor(Math.random()*10);
 myArray[i][6]=Math.floor(Math.random()*10);
 myArray[i][7]=Math.floor(Math.random()*10);
 myArray[i][8]=Math.floor(Math.random()*10);
 }
 myArray.sort(
   function(x, y) {
    if(x[4]!=y[4]){
      return x[4]-y[4];
    } else if(x[8]!=y[8]){
      return x[8]-y[8];
    } else if(x[6]!=y[6]){
      return x[6]-y[6];
    } else {
      return 1;
    }
  }
  );
 for(var i=0;i<myArray.length;i++ )...{
 document.write(myArray[i].join(",") + "<br/>");
 }
</script>

字符：

字符的时候sortFunction中的项目不能像数字一样直接相减，需要调用str1.localeCompare( str2 )方法来作比较，从而满足返回值。以下是多维数组的第1，2列作排序的情况。

function sortFunction(array) {
 return array.sort( function(x, y) ...{
 return (x[0]==y[0])?(x[1].localeCompare(y[1])):(x[0].localeCompare(y[0]))
 });
}

因此arrayObject.sort( sortFunction )的排序功能还是很强大的，终于能够实现了SQL语句中的ORDER BY 一样的功能。

希望本文所述对大家JavaScript程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • 基于Javascript实现弹出页面效果

    基于Javascript实现弹出页面效果

    弹出层效果是一个很实用的功能，很多网站都采用了这种方式实现登录和注册，下面小编通过本文给大家分享具体实现代码，对js弹出页面效果相关知识感兴趣的朋友一起学习吧
    2016-01-01
  • iframe的父子窗口之间的对象相互调用基本用法

    iframe的父子窗口之间的对象相互调用基本用法

    iframe在使用时可能会涉及到父子窗口之间传值和方法的相互调用，研究了一下其实非常简单，就那么几个用法而已，在此与大家分享下，感兴趣的朋友可以参考下
    2013-09-09
  • 微信小程序实现左侧导航栏

    微信小程序实现左侧导航栏

    这篇文章主要为大家详细介绍了微信小程序实现左侧导航栏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2022-07-07
  • 百度地图给map添加右键菜单（判断是否为marker）

    百度地图给map添加右键菜单（判断是否为marker）

    这篇文章主要介绍了百度地图给map添加右键菜单（判断是否为marker） 的相关资料,需要的朋友可以参考下
    2016-03-03
  • JavaScript每天定时更换皮肤样式的方法

    JavaScript每天定时更换皮肤样式的方法

    这篇文章主要介绍了JavaScript每天定时更换皮肤样式的方法,涉及javascript针对时间及css样式的相关操作技巧,需要的朋友可以参考下
    2015-07-07
  • 使用Vite从零搭建前端项目的详细过程

    使用Vite从零搭建前端项目的详细过程

    这篇文章主要介绍了使用Vite从零搭建前端项目的详细过程，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2022-08-08
  • js函数的延迟加载实现代码

    js函数的延迟加载实现代码

    延迟加载的函数，第一次调用后，会覆盖原来的老函数，以后再次调用的是新函数，不会再进行条件的判断，提升效率
    2012-10-10
  • JavaScript中的this指向绑定规则及常见面试总结

    JavaScript中的this指向绑定规则及常见面试总结

    这篇文章主要为大家介绍了JavaScript中的this指向绑定规则及箭头韩硕中的this指向,还b包含了常见面试总结,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-12-12
  • webpack配置sass模块的加载的方法

    webpack配置sass模块的加载的方法

    本篇文章主要介绍了webpack加载sass配置，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07
  • JS实现带有3D立体感的银灰色竖排折叠菜单代码

    JS实现带有3D立体感的银灰色竖排折叠菜单代码

    这篇文章主要介绍了JS实现带有3D立体感的银灰色竖排折叠菜单代码,可实现基本的JS响应鼠标事件动态展开与折叠菜单栏的功能,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10

最新评论