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 相关文章推荐
在jQuery中 常用的选择器介绍
Apr 16 Javascript
javascrip关于继承的小例子
May 10 Javascript
对比分析AngularJS中的$http.post与jQuery.post的区别
Feb 27 Javascript
多个jQuery版本共存的处理方案
Mar 17 Javascript
Highcharts入门之基本属性
Aug 02 Javascript
canvas实现手机端用来上传用户头像的代码
Oct 20 Javascript
浅谈js数组和splice的用法
Dec 04 Javascript
Angular实现响应式表单
Aug 04 Javascript
Vue2.0基于vue-cli+webpack Vuex的用法(实例讲解)
Sep 15 Javascript
简单介绍react redux的中间件的使用
Apr 06 Javascript
在vue.js中使用JSZip实现在前端解压文件的方法
Sep 05 Javascript
JS/CSS实现字符串单词首字母大写功能
Sep 03 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
FCKeditor的安装(PHP)
2007/01/13 PHP
使用php语句将数据库*.sql文件导入数据库
2014/05/05 PHP
PHP版本的选择5.2.17 5.3.27 5.3.28 5.4 5.5兼容性问题分析
2016/04/04 PHP
php获取文件名称和扩展名的方法
2017/02/07 PHP
swoole_process实现进程池的方法示例
2018/10/29 PHP
PHP从零开始打造自己的MVC框架之入口文件实现方法详解
2019/06/03 PHP
Laravel重定向,a链接跳转,控制器跳转示例
2019/10/22 PHP
16个最流行的JavaScript框架[推荐]
2011/05/29 Javascript
php对mongodb的扩展(初识如故)
2012/11/11 Javascript
JS去除字符串两端空格的简单实例
2013/12/27 Javascript
javascript单引号和双引号的区别和处理
2014/05/14 Javascript
jquery判断当前浏览器的实现代码
2015/11/07 Javascript
学习JavaScript设计模式之责任链模式
2016/01/18 Javascript
Javascript的表单验证-提交表单
2016/03/18 Javascript
微信小程序开发入门基础教程
2017/04/19 Javascript
Node学习记录之cluster模块
2017/05/31 Javascript
深入浅析Vue中的slots/scoped slots
2018/04/03 Javascript
jQuery实现下拉菜单动态添加数据点击滑出收起其他功能
2018/06/14 jQuery
解决angular2 获取到的数据无法实时更新的问题
2018/08/31 Javascript
vue 优化CDN加速的方法示例
2018/09/19 Javascript
使用python提取html文件中的特定数据的实现代码
2013/03/24 Python
Python基于生成器迭代实现的八皇后问题示例
2018/05/23 Python
Python如何使用bokeh包和geojson数据绘制地图
2020/03/21 Python
如何学习Python time模块
2020/06/03 Python
Python内存泄漏和内存溢出的解决方案
2020/09/26 Python
css3 iphone玻璃透明气泡完美实现
2013/03/20 HTML / CSS
美国女士内衣在线折扣商店:One Hanes Place
2019/03/24 全球购物
澳大利亚礼品篮网站:Macarthur Baskets
2019/10/14 全球购物
纺织工程专业个人求职信范文
2014/01/27 职场文书
2014年教师业务学习材料
2014/05/12 职场文书
银行求职自荐书
2014/06/25 职场文书
ktv好的活动方案
2014/08/15 职场文书
2015年班主任德育工作总结
2015/05/21 职场文书
初中班主任工作随笔
2015/08/15 职场文书
Linux系统下安装PHP7.3版本
2021/06/26 PHP
使用PostGIS完成两点间的河流轨迹及流经长度的计算(推荐)
2022/01/18 PostgreSQL