js数组的排序 sort详解

1.简单数组简单排序

 <script type="text/javascript">
        var arrSimple=new Array(1,8,7,6);
        arrSimple.sort();
        document.writeln(arrSimple.join());
    </script>

2.简单数组自定义排序

解释:a,b表示数组中的任意两个元素,若return > 0 b前a后;reutrn < 0 a前b后;a=b时存在浏览器兼容
简化一下:a-b输出从小到大排序,b-a输出从大到小排序。

<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>

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>

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>

<script type="text/javascript"> $(function () { $('pre.prettyprint code').each(function () { var lines = $(this).text().split('\n').length; var $numbering = $('<ul/>').addClass('pre-numbering').hide(); $(this).addClass('has-numbering').parent().append($numbering); for (i = 1; i <= lines; i++) { $numbering.append($('<li/>').text(i)); }; $numbering.fadeIn(1700); }); }); </script>

猜你喜欢

转载自u012081441.iteye.com/blog/2382945