js中有sort()方法为数组排序,排序的规则是以ascii码的大小进行排序,但我们可以自定义排序规则。
此方法在字符串数组上表现的很好,如:
页面显示:
jimmy
kobe
lander
landy
wade
此方法对于数值排序:
页面显示:
1
12
2
43
5
64
7
显然不符合要求。
解决方法,重写排序规则:
页面显示:
1
2
5
7
12
43
64
这回达到要求了,哈哈
此方法在字符串数组上表现的很好,如:
<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
这回达到要求了,哈哈