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


Posted in Javascript onOctober 21, 2015

本文实例讲述了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 相关文章推荐
不错的新闻标题颜色效果
Dec 10 Javascript
Javascript 中的 &amp;&amp; 和 || 使用小结
Apr 25 Javascript
jQuery实现可收缩展开的级联菜单实例代码
Nov 27 Javascript
jquery遍历之parent()和parents()的区别及parentsUntil()方法详解
Dec 02 Javascript
js计算任意值之间随机数的方法
Jan 16 Javascript
原生js结合html5制作小飞龙的简易跳球
Mar 30 Javascript
JavaScript设置表单上传时文件个数的方法
Aug 11 Javascript
浅析node连接数据库(express+mysql)
Nov 30 Javascript
Kindeditor在线文本编辑器如何过滤HTML
Apr 14 Javascript
jQuery leonaScroll 1.1 自定义滚动条插件(推荐)
Sep 17 Javascript
vue实现todolist基本功能以及数据存储功能实例详解
Apr 11 Javascript
mpvue 项目初始化及实现授权登录的实现方法
Jul 20 Javascript
Javascript刷新窗口方法小结
Oct 21 #Javascript
JavaScript简单遍历DOM对象所有属性的实现方法
Oct 21 #Javascript
详解JavaScript操作HTML DOM的基本方式
Oct 21 #Javascript
JavaScript函数的调用以及参数传递
Oct 21 #Javascript
Java中Timer的用法详解
Oct 21 #Javascript
JS实现的竖向折叠菜单代码
Oct 21 #Javascript
JS基于Mootools实现的个性菜单效果代码
Oct 21 #Javascript
You might like
既简单又安全的PHP验证码 附调用方法
2016/06/02 PHP
通用JS事件写法实现代码
2009/01/07 Javascript
document.getElementById为空或不是对象的解决方法
2010/01/24 Javascript
jqPlot 图表中文API使用文档及源码和在线示例
2012/02/07 Javascript
$(&quot;&quot;).click与onclick的区别示例介绍
2014/09/25 Javascript
JavaScript实现数组随机排序的方法
2015/06/26 Javascript
跟我学习javascript的浮点数精度
2015/11/16 Javascript
jQuery实现的鼠标滑过弹出放大图片特效
2016/01/08 Javascript
canvas实现动态小球重叠效果
2017/02/06 Javascript
详解wow.js中各种特效对应的类名
2017/09/13 Javascript
jQuery常见的遍历DOM操作详解
2018/09/05 jQuery
jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较实例分析
2020/04/30 jQuery
js抽奖转盘实现方法分析
2020/05/16 Javascript
Jquery cookie插件实现原理代码解析
2020/08/04 jQuery
js实现炫酷光感效果
2020/09/05 Javascript
vue实现简易的双向数据绑定
2020/12/29 Vue.js
[04:10]DOTA2英雄梦之声_第11期_圣堂刺客
2014/06/21 DOTA
Python操作Word批量生成文章的方法
2015/07/28 Python
Python中正则表达式详解
2017/05/17 Python
Django实现whoosh搜索引擎使用jieba分词
2020/04/08 Python
animation和transition的区别
2020/10/12 HTML / CSS
英国领先的运动物理治疗供应公司:Vivomed
2018/07/14 全球购物
Deux par Deux官方网站:设计师童装
2020/01/03 全球购物
土耳其新趋势女装购物网站:Addax
2020/01/07 全球购物
证婚人搞笑证婚词
2014/01/10 职场文书
工厂会计员职责
2014/02/06 职场文书
医院护士见习期自我鉴定
2014/04/10 职场文书
公司请假条格式
2014/04/11 职场文书
运动会横幅标语
2014/06/17 职场文书
感恩教育月活动总结
2014/07/07 职场文书
2014年办公室人员工作总结
2014/12/09 职场文书
2016大学生形势与政策心得体会
2016/01/12 职场文书
工作一年自我鉴定
2019/06/20 职场文书
大学生,三分钟即兴演讲稿
2019/07/22 职场文书
2019年妇科护士的自我鉴定(3篇)
2019/09/26 职场文书
在redisCluster中模糊获取key方式
2021/07/09 Redis