vue 数组排序、对象排序
<div class="sort"><div class="list"><h3>数组排序</h3><div><span>排序后</span>{{sortAry}}&
·
<div class="sort">
<div class="list">
<h3>数组排序</h3>
<div><span>排序后</span>{{sortAry}}</div>
<h3>对象排序</h3>
<div><span>排序后</span>{{sortStudents}}</div>
</div>
</div>
<script>
export default {
data() {
return {
ary: [22, 42, 11, 32, 12, 54, 2, 3],
students: [
{ name: 'GoldSunny', age: 18 },
{ name: 'Hong', age: 30 },
{ name: 'Apple', age: 21 },
{ name: 'King', age: 45 }
]
}
},
computed: {
sortAry: function () {
return this.ary.sort(sortNum)
},
sortStudents: function () {
return sortBykey(this.students, 'age')
}
}
}
function sortNum(a, b) {
return a - b
}
function sortBykey(ary, key) {
return ary.sort(function (a, b) {
let x = a[key]
let y = b[key]
return ((x < y) ? -1 : (x > y) ? 1 : 0)
})
}
</script>
更多推荐
已为社区贡献11条内容
所有评论(0)