JavaScript数组sort方法

holdbelief

浏览: 707918 次
性别:
来自: 北京

最近访客更多访客>>

fengqingyebai

qq470497848

praise_song

my_program

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript&Ajax

JavaScript CSS HTML XHTML

数组对象的sort方法可以按照一定的顺序把数组元素重新排列起来。通常情况下，都是按照字母顺序排列的。

JavaScript代码

<script type="text/javascript">
    var arr = ["HTML","CSS","JavaScript","DOM"];
    var arr2 =  [4,3,2,1];
    var arr3 =  [40,300,2000,10000];
</script>

测试数组的sort方法

arr.sort();方法：可以看到，arr数组本来是"HTML","CSS","JavaScript","DOM"。而sort之后将是" <script type="text/javascript"></script> CSS","DOM","HTML","JavaScript" 。

arr2.sort();方法：而arr2本来是4,3,2,1，而排序之后则是 <script type="text/javascript"></script> 1,2,3,4 。不过这可不是按照数字的大小来排列的，而仍然是按照字母顺序。从arr3.sort()的结果就可以看出来。

arr3.sort()方法：数组排列之后的顺序是10000,2000,300,40，10000作为最大的数字却排在了第一位，仅仅是因为它以1开头。

sort方法的参数

sort方法可以接受一个参数，这个参数的类型是函数，它也就是排序函数了。我们可以使用它来进行自定义的排序方式。例如，我们可以让上面的数字数组按照大小的方式排序。看下面的JS代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
    var arr3 = [40,300,200,10000];
	
    function compare(a,b)
    {
        return b-a;
    }
	function test()
	{
		arr3.sort(compare);
		alert(arr3.join());
	}
</script>
</head>
<body>
<input type="button" value="text" onclick="test();"/>
</body>
</html>

在执行arr3.sort(compare)方法时，当我们使用自定义的compare函数进行排序的时候，10000这个最大的数字已经顺利地排到最后了（顺序是：40,300,200,10000）。从代码中我们可以观察出来，sort是根据排序函数的返回值是正还是负来排序的。所以如果compare函数写成 return b - a; 则排序后的顺序为：10000,200,300,40

分享到：

JavaScript数组shift与unshift方法 | JavaScript数组concat方法

2008-12-24 09:44
浏览 1799
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论