有时候,我们得到的数组并不是按照我们期望的顺序排列的,那么我们需要按照我们的需求把他们进行排序。
例如:我们有个数组,我们希望按照从小到大的顺序排列
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]
image
这里看下官网的介绍,如果不提供比较函数,那么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);
image
如上图打印结果,我们可以看到数组中的数据按照我们单号数组的顺序进行了排列。
简单解释下代码:我们对data进行排序,提供了比较函数,我们对当前a的id和b的id分别在单号数组(mailNo)中的下标来判断,因为它们本身都是在单号数组中存在的,那么必然会返回对应的下标值,那么我们根据下标值的前后就能得出差值,小于0说明该元素应该在前,那么就会进行排序。
当然,sort还有很多的应用场景,我们只需提供对应的比较函数,就能得到我们想要的效果。
好了,如有问题,请指出,接受批评。
网友评论