对象数组-按某字段排序

<template>
  <!-- 对象数组按某字段排序 -->
  <div>
    对象数组排序
  </div>
</template>

<script>
export default {
    
    
  name: 'testObjDataSort',
  data () {
    
    
    return {
    
    
      objArr: [
        {
    
    
          'age': 18,
          'name': '小宝'
        },
        {
    
    
          'age': 15,
          'name': '小贝'
        },
        {
    
    
          'age': 55,
          'name': '弟贝'
        }
      ]
    }
  },
  methods: {
    
    
    getSortFun: function (order, sortBy) {
    
     // 'desc':'降序'; 'asc':'升序'
      var ordAlpah = (order == 'asc') ? '>' : '<';
      var sortFun = new Function('a', 'b', 'return a.' + sortBy + ordAlpah + 'b.' + sortBy + '?1:-1');
      return sortFun;
    }
  },
  mounted () {
    
    
    this.objArr.sort(this.getSortFun('desc', 'age'))
    console.log(this.objArr)
  }
}
</script>

<style scope lang="less">
</style>

猜你喜欢

转载自blog.csdn.net/yuyu_2019/article/details/112557161
今日推荐