js数组的sort排序详解

最新推荐文章于 2022-08-16 07:17:06 发布

十一路客

最新推荐文章于 2022-08-16 07:17:06 发布

阅读量3.4k

点赞数 1

分类专栏： JS 文章标签： javascript

JS 专栏收录该内容

63 篇文章 0 订阅

订阅专栏

转载地址： http://www.cnblogs.com/longze/archive/2012/11/27/2791230.html`

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

join() 方法用于把数组中的所有元素放入一个字符串。
元素是通过指定的分隔符进行分隔的。
arrayObject.join(separator)

document.write()和document.writeln都是JavaScript向客户端写入的方法

writeln是以行方式输出的，一般情况下用两种方法输出的效果在页面上是没有区别的，两种方法仅当在查看源代码时才看得出区别，除非是输出到pre或xmp元素内

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>