sort 函数实现数值排序

下面是详细讲解, 比较啰嗦, 嫌弃的请直接看本文最后

什么是sort函数?

sort函数是 JS 数组中自带的用于排序的函数
二话不说上代码

var arr = [3,5,6,8,4,1,9,7];
console.log(arr.sort());

上面的代码声明了一个数组,然后使用sort()函数排序并输出
可以再控制台看到其输出结果如下

看起来好像已经按顺序排好了
但是如果我把数组元素改成一下,那么可能就不那么理想了

var arr = [3,5,14,6,11,25,33,8,4,1,9,7];
console.log(arr.sort());

结果就变成了这样:

我们可以看到上面的排序结果就不是我们想要的结果了
这是为什么呢?

sort()函数默认排序方式为字符串编码排序

如果不给sort()传参的情况下,sort默认把元素当成字符串,然后使用字符的编码来进行排序
所以才会出现1,11,25,3,33…这种情况

如何让sort()函数按照我们想要的数值进行排序呢?

首相我们的sort()函数是可以传递参数的,参数是一个函数(回调函数)
其次, sort函数进行排序的时候,会把两个数进行比较
传入参数与是可以利用回调函数的返回值来决定
回调函数返回正值时,排序中的两个数交换位置,否则不交换位置

var arr = [3,5,14,6,11,25,33,8,4,1,9,7];
console.log(arr.sort(function(a,b){
	//当a>b时,a-b>0,所以两个数交换,以此实现升序排序
	return a - b;
}));

最后输出结果为

这样就是想了我们想要的按数值排序了
这是按升序排序,如果你想要降序排序,只要把返回值改成 b - a 即可

------------------------------------------------------------------------------------------------------------------------

嫌弃上面太啰嗦直接看这里, 看完上面请忽略这里

var arr = [3,5,14,6,11,25,33,8,4,1,9,7];
console.log(arr.sort(function(a,b){
	//当a>b时,a-b>0,所以两个数交换,以此实现升序排序
	return a - b;
}));

最后输出结果为