前端代码求解!不明白为啥运行结果是这样啊?

挺简单的一串代码,奈何是个小白,脑子转不过弯来
代码如下:
var array=[-1,1,3,4,6,10];
array.sort((a,b)=>Math.abs(a-3)-Math.abs(b-3));
console.log(array);
运行结果:
 [3, 4, 1, 6, -1, 10]
我当场??
知道sort是数组排序的方法,也知道Math.abs()是返回 x 的绝对值,但是就是不知道为啥会得出这么一个结果,想知道a和b是怎么传参的,求解答!!!

sort() 方法用于对数组的元素进行排序,参数决定排序的顺序。

原数组var array=[-1,1,3,4,6,10];
1、参数(a,b)=>Math.abs(a-3)-Math.abs(b-3):即数值减3的绝对值[4,2,0,1,3,7]作为参数决定排序。
2、然后根据绝对值减3大小排列[0,1,2,3,4,7],对应的原数组排序后为[3,4,1,6,-1,10]

array.sort((a,b)=>Math.abs(a-3)-Math.abs(b-3));

这里的 (a,b)=>Math.abs(a-3)-Math.abs(b-3) 相当于

function(a,b){
  return Math.abs(a-3)-Math.abs(b-3)
}

这是一个冒泡排序,就是传入前后2个值比较,如果Math.abs(a-3)-Math.abs(b-3)>0,则b 在前 a 在后、直到有序,这么说吧,传-1和1进去,由于Math.abs(-1-3)-Math.abs(1-3)>0,怎原来的顺序-1,1,3,4,6,10就变成了1,-1,3,4,6,10,接着传-1,3,由于Math.abs(-1-3)-Math.abs(3-3)>0,则排序又变成1,3,-1,4,6,10,接着传-1,4,由于Math.abs(-1-3)-Math.abs(4-3)>0,则排序又变成1,3,4,-1,6,10,接着传-1,6,由于Math.abs(-1-3)-Math.abs(6-3)>0,则排序又变成1,3,4,6,-1,10,接着传-1,10,由于Math.abs(-1-3)-Math.abs(10-3)<0,则排序不变1,3,4,6,-1,10 由此继续进行其他的类推,直到有序

后面就又从传入1,3开始做比较,再走一遍上面的比较流程,直到最后所有数有序排列

为啥不是呢?你传入的Math.abs(a-3)-Math.abs(b-3)只是一个比较算法而已

> 0 表示 a > b
< 0 表示 a < b
= 0 表示 a = b

img