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

posted @   DAmarkday  阅读(3973)  评论(0编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示