日期:2014-05-16  浏览次数:20483 次

js中sort()方法数组排序问题
js中有sort()方法为数组排序,排序的规则是以ascii码的大小进行排序,但我们可以自定义排序规则。
此方法在字符串数组上表现的很好,如:
<html>
<head>
	<title>jquery</title>
	<script type="text/javascript" src="jquery.min.js"></script>
	<style>
	</style>
	<script type="text/javascript">
		$(document).ready(function() {
			var list = ['landy','lander','wade','kobe','jimmy'];
			$('p').html(list.sort().join("<br/>"));
		});
</script>
</head>
<body>
	<p></p>
</body>
</html>

页面显示:
jimmy
kobe
lander
landy
wade

此方法对于数值排序:
<html>
<head>
	<title>jquery</title>
	<script type="text/javascript" src="jquery.min.js"></script>
	<style>
	</style>
	<script type="text/javascript">
		$(document).ready(function() {
			var list = [1,2,12,43,5,64,7];
			$('p').html(list.sort().join("<br/>"));
		});
</script>
</head>
<body>
	<p></p>
</body>
</html>

页面显示:
1
12
2
43
5
64
7
显然不符合要求。
解决方法,重写排序规则:
<html>
<head>
	<title>jquery</title>
	<script type="text/javascript" src="jquery.min.js"></script>
	<style>
	</style>
	<script type="text/javascript">
		$(document).ready(function() {
			var list = [1,2,12,43,5,64,7];
			$('p').html(list.sort(function(a,b){
				return a-b;
			}).join("<br/>"));
		});
</script>
</head>
<body>
	<p></p>
</body>
</html>

页面显示:
1
2
5
7
12
43
64
这回达到要求了,哈哈