AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

深入理解js数组的sort排序

51自学网 http://www.wanshiok.com
js,数组,排序,sort

废话少说直接上代码:

<body>  <div>  sort()对数组排序,不开辟新的内存,对原有数组元素进行调换  </div>  <div id="showBox">  1、简单数组简单排序  <script type="text/javascript">    var arrSimple=new Array(1,8,7,6);    arrSimple.sort();    document.writeln(arrSimple.join());  </script>  </div>  <div>  2、简单数组自定义排序  <script type="text/javascript">    var arrSimple2=new Array(1,8,7,6);    arrSimple2.sort(function(a,b){      return b-a});    document.writeln(arrSimple2.join());  </script>  解释:a,b表示数组中的任意两个元素,若return > 0 b前a后;reutrn < 0 a前b后;a=b时存在浏览器兼容  简化一下:a-b输出从小到大排序,b-a输出从大到小排序。  </div>  <div>  3、简单对象List自定义属性排序  <script type="text/javascript">    var objectList = new Array();    function Persion(name,age){      this.name=name;      this.age=age;      }    objectList.push(new Persion('jack',20));    objectList.push(new Persion('tony',25));    objectList.push(new Persion('stone',26));    objectList.push(new Persion('mandy',23));    //按年龄从小到大排序    objectList.sort(function(a,b){      return a.age-b.age});    for(var i=0;i<objectList.length;i++){      document.writeln('<br />age:'+objectList[i].age+' name:'+objectList[i].name);      }  </script>  </div>  <div>  4、简单对象List对可编辑属性的排序  <script type="text/javascript">    var objectList2 = new Array();    function WorkMate(name,age){      this.name=name;      var _age=age;      this.age=function(){        if(!arguments)        {          _age=arguments[0];}        else        {          return _age;}        }              }    objectList2.push(new WorkMate('jack',20));    objectList2.push(new WorkMate('tony',25));    objectList2.push(new WorkMate('stone',26));    objectList2.push(new WorkMate('mandy',23));    //按年龄从小到大排序    objectList2.sort(function(a,b){      return a.age()-b.age();      });    for(var i=0;i<objectList2.length;i++){      document.writeln('<br />age:'+objectList2[i].age()+' name:'+objectList2[i].name);      }  </script>  </div></body>

以上这篇深入理解js数组的sort排序就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持wanshiok.com。


js,数组,排序,sort  
上一篇:bootstrap和jQuery.Gantt的css冲突 如何解决  下一篇:深入理解js函数的作用域与this指向