首页 > 编程语言 > 详细

vue 根据数组中某一项的值进行排序

时间:2021-01-06 08:58:50      阅读:138      评论:0      收藏:0      [点我收藏+]

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

vue 根据数组中某一项的值进行排序

原文:https://www.cnblogs.com/GoodMemoryBlog/p/14238509.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!