javascript 数组对象根据指定属性排序

最新推荐文章于 2024-09-13 22:06:41 发布

dannywj1371

最新推荐文章于 2024-09-13 22:06:41 发布

阅读量1k

点赞数

分类专栏： JavaScript

JavaScript 专栏收录该内容

84 篇文章

订阅专栏

关于数组排序马上会想到sort方法，或者reverse方法但是后者只是简单的逆序而已不能满足大部分需求。

前者功能强大便于扩展，该方法有一个自定义排序函数，一般而言针对数字或者同类型不复杂元素很容易进行自定义排序函数，该函数有两个参数：

比如数组var arr=[2,3,5,1,4] ; 需要升序排列，我们可以这样：

function Compare(va1,va2){ return va2-va1;}

arr.sort(Compare); alert(arr);最后输出1,2,3,4,5

但是如果遇到复杂的数组元素，比如：

var data = [{ name: "jiang", age: 23 }, { name: "zheng", age: 18 }, { name: "baidu", age: 8 }, { name: "javascript", age: 19}];

数组中含有对象对象中有许多属性，如何根据属性排序呢？

这时候就要重写排序规则函数了，可是该函数只接受两个参数，如何才能根据特定属性排序呢，比如这里的age，name

熟悉函数特性的都知道，函数在javascript中不同于其他语言，函数是对象，函数中可以返回函数，因此可以在外函数中传入属性，内函数接收两个参数，比如这里的数组中对象元素。

实现如下：

//自定义排序函数，传入属性，返回接收两个参数的排序函数
 function createComparsionFunction(propertyName)
 {
 return function(object1, object2)
 {
 var value1 = object1[propertyName];
 var value2 = object2[propertyName];
 if (value1 < value2)
 {
 return -1;
 } else if (value1 > value2)
 {
 return 1;
 } else
 {
 return 0;
 }
 }
 }
 var data = [{ name: "zheng", age: 5 }, { name: "jiang", age: 18 }, { name: "google", age: 11 }, { name: "javascript", age: 19}];
 document.write("----------------------原始序列-------------------------", "");
 for (var i = 0, ilen = data.length; i < ilen; i++)
 {
 document.write(data[i].name + ":" + data[i].age, "");
 }
 document.write("----------------------age升序-------------------------", "");
 data.sort(createComparsionFunction("age")); //根据age排序
 for (var i = 0, ilen = data.length; i < ilen; i++)
 {
 document.write(data[i].name + ":" + data[i].age, "");
 }
 document.write("----------------------name升序-------------------------", "");
 data.sort(createComparsionFunction("name")); //根据age排序
 for (var i = 0, ilen = data.length; i < ilen; i++)
 {
 document.write(data[i].name + ":" + data[i].age, "");
 }

效果如下：