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
这回达到要求了,哈哈