jQuery中集合的排序

jQuery是一个非常有用的库，其中的排序功能为开发者提供了极大的便利性。本文将介绍怎样使用jQuery对集合进行排序。

常见排序方法

在jQuery中，经常使用的排序方法有sort()和sortBy()。

1. sort()方法是jQuery默许提供的排序方法，该方法返回一个排序后的数组。使用方法以下：

vararr=[3,2,1,5,6,4];arr.sort();console.log(arr);//[1,2,3,4,5,6]

2. sortBy()方法则是自定义排序方法，该方法可以依照指定规则进行排序。使用方法以下：

vararr=[{name:Alice,age:18},{name:Bob,age:20},{name:Charlie,age:16}];arr.sortBy(function(item){returnitem.age;});console.log(arr);//[{name:Charlie,age:16},{name:Alice,age:18},{name:Bob,age:20}]

高级排序方法

在实际开发中，我们常常需要依照多个字段进行排序。此时，jQuery提供了$.fn.sortElements()方法。

1. sortElements()方法需要传入一个比较函数，可以依照指定字段进行排序。

$(li).sortElements(function(a,b){return$(a).text()>$(b).text()?1:⑴;});

2. sort()方法也能够依照多个字段进行排序。

vararr=[{name:Alice,age:18},{name:Bob,age:20},{name:Charlie,age:16}];arr.sort(function(a,b){varresult=a.age-b.age;if(result===0){result=a.name.localeCompare(b.name);}returnresult;});console.log(arr);//[{name:Charlie,age:16},{name:Alice,age:18},{name:Bob,age:20}]

总结

在jQuery中，我们可使用sort()、sortBy()、sortElements()等方法对集合进行排序。在实际开发中，依照多个字段排序是常常遇到的问题，上述方法都可以满足我们的需求。希望本文对大家有所帮助。

桂#哥#网#络www.gUIgege.cn