这篇文章主要介绍了vue数组对象排序的实现代码，这里整理了详细的代码，非常具有实用价值，需要的朋友可以参考下
前言
最近在看vue的教学视频，正好学到的数组对象排序方法，在这跟大家分享一下，如有不足之处，请赐教。
普通数组的排序
先看代码：
<div class="app"> <h1>v-for实例</h1><hr><ol> <li>{{number}}</li></ol></div> <div class="app"> <h1>v-for实例</h1><hr><ol> <li>{{number}}</li></ol></div>
数组对象的排序
如果数组项是对象，我们需要根据数组项的某个属性对数组进行排序，要怎么办呢？其实和前面的比较函数也差不多。所以我就只把部分代码分享出来了。
如何对这个数组进行age排序呢
students:[ {name:'cjk',age:'38'} , { name:'xxf',age:'29'}, {name:'zk',age:'26'}, ]
比较函数：
function sortByKey(array,key){ return array.sort(function(a,b){ var x = a[key]; var y = b[key]; return((xy)?1:0)); }) }
这里我是用三元函数来判断的，也和下面这个代码效果一样
var compare = function (prop) { return function (obj1, obj2) { var val1 = obj1[prop]; var val2 = obj2[prop];if (val1 val2) { return 1; } else { return 0; } } }
我觉得这个代码有点冗杂，所以我就用了三元运算符来判断输出。
结果：
整个项目文件：
<title>v-for</title> <div class="app"> <h1>v-for实例</h1><hr><ol> <li>{{number}}</li></ol><hr><ul> <li>{{index+1}}:{{student.name}}-{{student.age}}</li></ul></div>
结果：
以上就是vue数组对象排序的实现代码的详细内容，更多请本文来源gaodai#ma#com搞@@代~&码*网2关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：vue数组对象排序的实现代码
转载请注明原文链接：vue数组对象排序的实现代码
