美文网首页
数组及数组对象排序方法

数组及数组对象排序方法

作者: Ashinluo要进步 | 来源:发表于2019-08-28 01:19 被阅读0次

//数组方法排序:

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')

}

}

相关文章

  • 数组及数组对象排序方法

    //数组方法排序: function sortNumber(a, b) { return a - b; } //数...

  • js中对象数组按对象属性排序

    数组对象要按属性大小排序怎么办? 数组对象属性排序 我们要如何实现数组中的对象按data大小排序? sort方法 ...

  • 数组的常见知识

    数组创建 Array对象属性 Array对象方法 数字排序 数组去重

  • js数组去重、对象数组去重

    普通数组去重 一、普通数组去重 方法一:遍历数组法 方法二:排序法 方法三:对象法 对象数组去重 方法一:将对象数...

  • (OC)对象排序、描述排序

    一、对象方法排序(类数组需要声明和实现) 1.可变数组排序 方法一:普通数组 方法二:Book类数组 2.不可变数...

  • 2018-02-24

    1. 对数组对象属性排序 思路很简单,利用sort方法对对象数组按照对象属性进行排序,不过不要卡壳了~ 2. 数组...

  • JavaScript数组中的22个常用方法

    数组总共有22种方法,本文将其分为对象继承方法、数组转换方法、栈和队列方法、数组排序方法、数组拼接方法、创建子数组...

  • js数组方法

    数组总共有22种方法,本文将其分为对象继承方法、数组转换方法、栈和队列方法、数组排序方法、数组拼接方法、创建子数组...

  • 数组排序(根据对象元素的某个属性排序)

    /**数组根据数组对象中的某个属性值进行排序的方法

  • Javascript Array对象属性

    前面的话 数组总共有22种方法,本文将其分为对象继承方法、数组转换方法、栈和队列方法、数组排序方法、数组拼接方法、...

网友评论

      本文标题:数组及数组对象排序方法

      本文链接:https://www.haomeiwen.com/subject/bnsuectx.html