首页 > 建站教程 > JS、jQ、TS >  js数组的sort排序详解正文

js数组的sort排序详解

    JS中的sort()对数组排序,不开辟新的内存,对原有数组元素进行调换。但是排序数字需要借助一些“外力”:

 1、简单数组简单排序
<script type="text/javascript">
    var arrSimple=new Array(1,8,7,6);
    arrSimple.sort();
    document.writeln(arrSimple.join());
</script>

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输出从大到小排序

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>

    此外,点击“js数组冒泡排序”,可以查看数字数组的冒泡排序方法
下一篇: 运行js代码