Javascript中的对象数组排序

最新推荐文章于 2024-03-03 20:18:18 发布

hongweigg

最新推荐文章于 2024-03-03 20:18:18 发布

阅读量681

点赞数

分类专栏： JavaScript 文章标签： javascript 对象数组排序

本文链接：https://blog.csdn.net/hongweigg/article/details/81485648

版权

JavaScript 专栏收录该内容

122 篇文章 1 订阅

订阅专栏

在JavaScript也有像Java中的排序比较方法，非常强大。

一、原型

1、已知数组a，排序函数fun

2、则可用a.sort(fun)对数组a进行排序，数组a排序后，重整为新序，即覆盖老的顺序。

二、排序函数原型

    function sort(a, b){
        if(a.name > b.name){
            return 1;
        }else if(a.name < b.name){
            return -1;
        }else{
            return 0;
        }
    }

a,b为数组中要比较对象，name为对象a,b的属性。上面的代码表示按对象的“name”属性进行排序。

三、例子

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>对象数组排序</title>
</head>

<body>
<script lang="javascript">
    function print(str){
        document.writeln(str + "</br>");
    }

    function  printArray(a){
        for(var i=0;i<a.length;i++){
            document.writeln(a[i].name + "</br>");
        }
    }


    function sort(a, b){
        if(a.name > b.name){
            return 1;
        }else if(a.name < b.name){
            return -1;
        }else{
            return 0;
        }
    }


    function test(){
        var obj = [
             {name:'Zhangshan'},
             {name:'Lisi'},
             {name:'Wangwu'},
             {name:'Zhaoliu'}
        ];
        
        print("------------排序前----------");
        printArray(obj);
        
        obj.sort(sort);
        
        print("------------排序后----------");
        printArray(obj);    
    
    }
    
    test();

</script>
</body>

</html>

输出结果：

------------排序前----------
Zhangshan
Lisi
Wangwu
Zhaoliu
------------排序后----------
Lisi
Wangwu
Zhangshan
Zhaoliu

hongweigg

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Javascript中的对象数组排序

在JavaScript也有像Java中的排序比较方法，非常强大。一、原型1、已知数组a，排序函数fun2、则可用a.sort(fun)对数组a进行排序，数组a排序后，重整为新序，即覆盖老的顺序。二、排序函数原型 function sort(a, b){ if(a.name &gt; b.name){ return 1; ...
复制链接

扫一扫