数组及数组对象排序方法

2019-08-28  本文已影响0人  Ashinluo要进步

//数组方法排序:

function sortNumber(a, b) {

return a - b;

}

//数组对象方法排序:

function sortByKey(array, key) {

return array.sort(function(a, b) {

var x = a[key];

var y = b[key];

return x < y ? -1 : x > y ? 1 : 0;

});

}

在vue中使用例子:

HTML部分:

<ul>

<li v-for="item in sortItems">{{ item }}</li>

</ul>

<ul v-for="item in sortVe">

<li >{{item.value}}-{{item.ve}}</li>

</ul>

js部分:

data: {

items: [20, 23, 18, 65, 32, 19, 54, 56, 41],

s:[

{value:'A',ve:'2'},

{value:'s',ve:'3'},

{value:'h',ve:'1'},

{value:'i',ve:'5'},

{value:'n',ve:'4'},

]

},

// vue低版本中 data里面的items和computed里面可以一样,但是高版本,是不允许相同名称

computed: {

sortItems: function() {

return this.items.sort(sortNumber);

},

sortVe:function(){

return sortByKey(this.s,'ve')

}

}

上一篇 下一篇

猜你喜欢

热点阅读