根据对象属性的属性值，对对象进行排序

最新推荐文章于 2023-06-15 23:35:14 发布

转载最新推荐文章于 2023-06-15 23:35:14 发布 · 484 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/vscss/p/6868455.html

文章标签：

#javascript #ViewUI

本文提供了一个使用JavaScript进行数组排序的例子，展示了如何通过自定义比较函数实现对不同属性（如姓名）的排序。此示例利用了jQuery库来增强浏览器兼容性和简化JavaScript编程。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
    var data = [{
        userName:"aaa",
        age:18
    },{
        userName:"ccc",
        age:24
    },{
        userName:"bbb",
        age:12
    }];
    var userNameSort = data.sort(compairsonFn("userName"));
    console.log("============按姓名排序============");
    console.log(userNameSort);
    //var ageSort = data.sort(compairsonFn("age"));
    //console.log("=============按年龄排序============");
    //console.log(ageSort);
});
function compairsonFn(porpertyName){
    return function(obj1,obj2){
        var value1 = obj1[porpertyName];
        var value2 = obj2[porpertyName];
        if(value1<value2){
            return -1;
        } else if (value1>value2){
            return 1;
        } else{
            return 0;
        }
    };
}
</script>
</body>
</html>