关于sort()对数字与字母的排序,首先看一下语法:
arrayObject.sort(sortby) ; //其中arrayObject是数组对象,也就是数组名
首先我们来看一串代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script type="text/javascript"> var a=["yellow","blue","red","purple"]; document.write(a.sort()); </script> </body> </html>
输出结果为:
blue, purple, red, yellow
从输出的结果可以看出,是有规律的。其实这种规律是按照ASCII表来排列的。再看下列代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script type="text/javascript"> var a=[12,17,5,8,3,10]; document.write(a.sort()); </script> </body> </html>
输出结果:
10,12,17,3,5,8
可以看出上述输出结果没什么规律,要想按照一定的顺序排列,我们可以给它一个函数参数。在此我综合了网络以及书上的写法,看下列代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script type="text/javascript"> var a=[12,17,5,8,3,10]; function test(a,b){ return a-b; } function test2(a,b){ return b-a; } document.write(a.sort(test)); document.write("<br>"); document.write(a.sort(test2)); </script> </body> </html>
输出结果:
3,5,8,10,12,17
17,12,10,8,5,3
在此我分别是按照升序与降序排列的。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script type="text/javascript"> var a=[12,17,5,8,3,10]; function test(value1,value2){ if(value1<value2){ return -1; }else if(value1>value2){ return 1; }else{ return 0; } } function test2(value1,value2){ if(value1<value2){ return 1; }else if(value1>value2){ return -1; }else{ return 0; } } document.write(a.sort(test)); document.write("<br>"); document.write(a.sort(test2)); </script> </body> </html>
输出结果:
3,5,8,10,12,17
17,12,10,8,5,3
比较这两种方法都能达到相同的效果,但各有各的优点,方法一它的代码量更少更简洁,方法二则在逻辑上更加严谨。