简单数组排序
这里的简单数组的定义是,数据的元素是主要的类型整型,字符型,浮点型等,而不是对象类型
排序方法就非常easy,使用数组本身的sort 方法。 默认是升序排序。
看样例:
<script>
var jsArray = [100,2,4,30];
jsArray.sort();
alert(jsArray);
</script>
输出的结果是:
100,2。30,4
和我们预想的结果不一样, 原因是默认情况下sort方法是按ascii字母顺序排序的,而非我们觉得是按数字大小排序
针对这种方法, 须要特别注意的是:
1.数组调用sort方法后,会影响本身(而非生成新数组)
2.sort()方法默认是按字符来排序的,所以在对数字型数组排序时。不可想当然的以为会按数字大小排序。
自己定义排序规则进行排序
针对上面的数字数组排序。 能够使用自己定义的排序规则
就是给一个排序函数參数给sort 方法
jsArray.sort(function(a,b){return a>b?
1:-1});
以上是按升序排序, 假设要按降序排,非常easy:
jsArray.sort(function(a,b){return a<b?1:-1});
对象数组的排序
对象数组的排序, 通常是依据对象中的某个或多个key 相应的值进行排序。
有了上面自己定义排序规则排序的介绍,对对象数组的排序就不难了。
还是举例来看:
var jsArray = [{id:1,score:100},
{id:2,score:2},
{id:3,score:4},
{id:4,score:30}];
jsArray.sort(function(a,b){return a["score"]>b["score"]?
1:-1}); //test for(var i=0;i<jsArray.length;i++) { alert(jsArray[i].score); }
很多其它
事实上自己定义排序规则的这样的使用方法并不鲜见, 在java 中进行sort 也会常常使用到这样的方法,并且会常常提到一个词-- 比較器。
事实上这个比較函数就是一个比較器. 之前给非开发者介绍这个的时候, 对于"器"这个词, 他们感觉非常膜拜^^. 通俗点的说法还是比較函数......
下面贴一个构造带%数据的比較器的方法:
/************************************************
* NAME: jsDataWithPercentComparator
* DESCRIPTION: comparate data with Percent like {key1:'1.2%'}
* ARGUMENTS:
* sortField --> one key of js object
* sortType -->desc or asc , default is asc
* AUTHOR: oscar999
*************************************************/
function getJsPercentDataComparator(sortField,sortType)
{
var thisSortType = "asc";
if(sortType!=null&&(sortType=="asc"||sortType=="desc"))
{
thisSortType = sortType;
}
if(thisSortType=="asc")
{
return function(a,b){
var result = 0;
if(a[sortField]!=null&&b[sortField]!=null)
{
var astring = a[sortField].replace(/%/,"");
var bstring = b[sortField].replace(/%/,"");
var afloat = parseFloat(astring);
var bfloat = parseFloat(bstring);
result = (afloat>bfloat)?1:-1;
}
return result;
};
}else if(thisSortType=="desc")
{
return function(a,b){
var result = 0;
if(a[sortField]!=null&&b[sortField]!=null)
{
var astring = a[sortField].replace(/%/,"");
var bstring = b[sortField].replace(/%/,"");
var afloat = parseFloat(astring);
var bfloat = parseFloat(bstring);
result = (afloat<bfloat)?
1:-1; } return result; }; } }
调用測试:
var array1 = [{key1:"28.2%"},{key1:"18.2%"},{key1:"38.2%"}];
var comparator = getJsPercentDataComparator("key1",sortType);
array1 = array1.sort(comparator);