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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM