sort排序改变数组中的子项顺序

电玩女神 2021-08-13 23:29 335阅读 0赞

有时候，我们得到的数组并不是按照我们期望的顺序排列的，那么我们需要按照我们的需求把他们进行排序。

例如：我们有个数组，我们希望按照从小到大的顺序排列

const arr = [1, 3, 6, 768, 11, 42, 56];
    arr.sort((a,b) => a-b));
    console.log(arr); // [1, 3, 6, 11, 42, 56, 768]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMzYzODg0_size_16_color_FFFFFF_t_70][]

这里看下官网的介绍，如果不提供比较函数，那么sort会按默认的规则进行排序，如果我们提供一个比较函数，那么就会按照我们自定义的方法去进行排序。

a和b进行比较，如果返回值是小于0的数，那么认为a就在b的前面，那么排序后a也就是在b的前面的。

针对简单数组，我们可以按照例如 a-b 的方法去进行比较函数来排序。

那么如果针对数组对象呢？

看下下面的案例：

我有一个单号数组：【'12', '45', '31'】, 然后拿单号去进行formData请求数据，但是后端请求到的数据并不是按照这个单号的顺序进行排列的。

那么我们如和根据单号的顺序去进行排序呢？

![20191106095624198.png][]

如上图打印结果，我们可以看到数组中的数据按照我们单号数组的顺序进行了排列。

简单解释下代码：我们对data进行排序，提供了比较函数，我们对当前a的id和b的id分别在单号数组（mailNo）中的下标来判断，因为它们本身都是在单号数组中存在的，那么必然会返回对应的下标值，那么我们根据下标值的前后就能得出差值，小于0说明该元素应该在前，那么就会进行排序。

当然，sort还有很多的应用场景，我们只需提供对应的比较函数，就能得到我们想要的效果。

好了，如有问题，请指出，接受批评。

个人微信公众号：

![20200824114635655.png][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMzYzODg0_size_16_color_FFFFFF_t_70]: /images/20210813/f10ffc81d39347b385fc3c0312596904.png
[20191106095624198.png]: /images/20210813/070834b438f54af98a8f0cd34fa7e393.png
[20200824114635655.png]: /images/20210813/ec72f43903f44adab006b4601cc7f38b.png