hy1988
复制代码
<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>
复制代码

分类:

技术点:

相关文章:

  • 2021-11-09
  • 2021-11-06
  • 2021-11-19
  • 2021-11-19
  • 2021-11-16
  • 2021-11-06
  • 2021-11-06
  • 2021-11-09
猜你喜欢
  • 2021-11-06
  • 2021-05-17
  • 2021-11-19
  • 2021-11-06
  • 2021-11-19
  • 2021-11-06
  • 2021-11-19
相关资源
相似解决方案