vue排序

1. vue对象的字典序

假定如下对象

let obj = {
  name: 'jack',
  age: 18,
  gender: '男',
  country: 'Americ',
  character: '活泼开朗',
  education: '本科'
}

对象排序代码段：

let sortedKey = Object.keys(obj).sort()
let newObj = {}
for(let i = 0;i < sortedKey.length;i++) {
  newObj[sortedKey[i]] = obj[sortedKey[i]]
}

我们得到的newObj结果为：

{
  age: 18,
  character: '活泼开朗',
  country: 'Americ',
  education: '本科',
  gender: '男',
  name: 'jack'
}

2.vue的数组排序

let arr = [5, 3, 7, 6]
以上简单数组排序就是  arr.sort()，结果为[3, 5, 6, 7]
对于下面对象数组
let arr = [
  {
    name: 'jack'
    age: 18
  },
  {
    name: 'tom'
    age: 16
  },
  {
    name: 'hason'
    age: 19
  },
]
我们需要在sort方法中传递参数进行排序：
arr.sort((a, b) => a.name < b.name)
我们得到的结果为：
[
  {
    name: 'hason'
    age: 19
  },
  {
    name: 'jack'
    age: 18
  },
  {
    name: 'tom'
    age: 16
  },
]