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

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

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

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]

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

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

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

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

看下下面的案例：

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

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

const mailNo = ['12', '31', '45'];

const data = [
    {
        'id': '45',
        'name': 'demo1'
    },
    {
        'id': '12',
        'name': 'demo2'
    },
    {
        'id': '31',
        'name': 'demo3'
    }
]

data.sort((a,b) => mailNo.indexOf(a.id) - mailNo.indexOf(b.id));
console.log(data);

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

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

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

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

个人微信公众号：