sort() 方法主要是用于对数组进行排序,默认情况下该方法是将数组元素转换成字符串,然后按照 ASC 码进行排序,这个大家都能理解,但如果数组元素是一个 Object 呢,转不了字符串,难道不能进行排序?答案当然是否定的, 那么我们就来详细探讨下 sort() 方法的使用
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
语法:arrayObject.sort(sortby);参数 sortby 可选。规定排序顺序。必须是函数。
sort() 方法用于对数组的元素进行排序。
如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,
首先应把数组的元素都转换成字符串(如有必要),以便进行比较。
如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。
比较函数应该具有两个参数 a 和 b,其返回值如下:
若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。
若 a 等于 b,则返回 0。
若 a 大于 b,则返回一个大于 0 的值。
用 js 中的 sort() 方法排序数字
- <script>
- var arr = [23,12,1,34,116,8,18,37,56,50];
- alert(arr.sort();
- </script>
返回:[1, 116, 12, 18, 23, 34, 37, 50, 56, 8]
上面的代码没有按照数值的大小对数字进行排序,要实现这一点,就必须使用一个排序函数:
- <script>
- var arr = [23,12,1,34,116,8,18,37,56,50];
- function sequence(a,b){
- if (a>b) {
- return 1;
- }else if(a<b){
- return -1
- }else{
- return 0;
- }
- }
- console.log(arr.sort(sequence));
- </script>
返回:[1, 8, 12, 18, 23, 34, 37, 50, 56, 116] (没有问题)
当然也可以把排序函数写到 sort() 方法里面:
- <script>
- var arr = [23,12,1,34,116,8,18,37,56,50];
- var arr2 = arr.sort(function(a,b){
- if (a>b) {
- return 1;
- }else if(a<b){
- return -1
- }else{
- return 0;
- }
- })
- console.log(arr2);
- </script>
返回:[1, 8, 12, 18, 23, 34, 37, 50, 56, 116] (也没有问题)
也可以简化成这样的写法
因为:若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。
若 a 等于 b,则返回 0。
若 a 大于 b,则返回一个大于 0 的值
- <script>
- var arr = [23,12,1,34,116,8,18,37,56,50];
- function sequence(a,b){
- return a - b;
- }
- console.log(arr.sort(sequence));
- </script>
返回:[1, 8, 12, 18, 23, 34, 37, 50, 56, 116] (也是正确的)
关系字母顺序进行排序 就简单多了,直接用 sort() 方法就 OK 了:
- <script>
- var arr = ['fanda','banner','find','zoom','index','width','javascript'];
- console.log(arr.sort());
- </script>
返回:["banner", "fanda", "find", "index", "javascript", "width", "zoom"]
现在在学习 javascript 中,发现 sort() 函数是有点奇怪的东西(可能是本人水平的问题 -_-!),于是就在这里记录一下自己找到的东西吧。sort() 这个方法的参数很奇怪,必须是函数,但也是可选参数,如果没有参数的话,就会默认以字符串的字典顺序来排列(就算是数值,也会被转化为字符串来处理)。这个参数是要能够比较两个值的大小,如:
- function sortNumber(a, b){
- return a - b; //这里返回的是他们的差值,如果是小于0的值,就会将a排在前面,如果大于0,就会将b排在前面,如果是0的话,就随便。(冒泡排序法!!)
- }
应用如下(这个例子太经典了!!):
- <script type="text/javascript">
- function sortNumber(a,b){return a - b}
- var arr = new Array(3)
- arr[0] = "10";
- arr[1] = "5";
- arr[2] = "4";
- document.write(arr + "<br />");
- document.write(arr.sort(sortNumber));
- </script>
那么原本是 10,5,4 的排列就会变成 4,5,10. 这里说明一下这个过程,明明 sortNumber 应该是有两个参数,但是我们在调用时却一个参数都没有,怎么进行比较啊?这里是这样的,当 arr 从第一个数开始调用 sort 时,10 前面是没有数与它比较的,所以就到第二个,就是 5,这时 10 就会与 5 比较,于是就会调用 sortNumber 并将 10 和 5 传进去,这是 sort()的特性。
来源: