IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

JavaScript:多维数组像ORDER BY一样实现多键值排序

BIWEB开源PHP WMS系统创始人ArthurXF肖飞的blog 2015-02-03 22:07:12 累计浏览 2,182 次
本机暂存

   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) ...{

               return (x[0]==y[0])?((x[4]==y[4])?(x[8]-y[8]):(x[4]-y[4])):(x[2]-y[2])

           });

       

           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 一样的功能。

同分类推荐文章

  1. translateZ() (2026-06-25 21:18:56)
  2. translateY() (2026-06-25 21:17:56)
  3. translateX() (2026-06-25 21:16:01)

查看更多 前端 文章 →

建议继续学习

  1. JQuery实现Excel表格呈现 (累计阅读 48,349)
  2. 深入理解Javascript之执行上下文(Execution Context) (累计阅读 18,403)
  3. 从输入 URL 到页面加载完成的过程中都发生了什么事情? (累计阅读 15,932)
  4. 图片动态局部毛玻璃模糊效果的实现 (累计阅读 14,848)
  5. 天朝第二代身份证号码的验证机制 (累计阅读 14,761)
  6. HTML 5 的data-* 自定义属性 (累计阅读 14,349)
  7. 分享一个JQUERY颜色选择插件 (累计阅读 14,223)
  8. 什么是全栈工程师? (累计阅读 14,036)
  9. 快速排序(Quicksort)的Javascript实现 (累计阅读 11,735)
  10. 7 天打造前端性能监控系统 (累计阅读 11,187)