vue 根据数组中某一项的值进行排序
vue 根据数组中某一项的值进行排序
1.排序方法
这里用到的是数组的sort方法,这个方法有一个需要注意的地方,就是不传参数的话,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。这并不是我们想要的排序方法,所以必须要传参。
sort方法的参数是一个函数,这个函数提供了一个比较方法,要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。
- 若a小于b,在排序后的数组中a应该出现在b之前,则返回一个小于0的值。
- 若a等于b,则返回0。
- 若a大于b,则返回一个大于0的值。
compare(key){
return function(a,b){
var val1 = a[key];
var val2 = b[key];
return val2 - val1;
}
}
在代码中,compare函数中的匿名函数就是这样一个函数,但这个函数外面又嵌套了一层,这是因为需要根据数组中的某一项来排序,所以需要把这一项的key值传进来。
2.调用函数:
//arrayObject是一个数组对象,例如[{tmp:1},{tmp:2},{tmp:3},{tmp:4},{tmp:5}]
this.arrayObject.sort(this.compare(key))
//key值为数组对象中要根据其排序的键值对的键,如arrayObject中的tmp,即
this.arrayObject.sort(this.compare('tmp'))
最后
十分感谢原博客博主,原博客地址为:
https://segmentfault.com/a/1190000016199017
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步