Vue-ElementUI:排序——对象集合按照对象属性排序

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
//要排序的数据
let data = [
        {chinese: '蔡司', english: 'Chase'},
        {chinese: '艾伦', english: 'Allen'},   
        {chinese: '左拉', english: 'Zola'},
        {chinese: '贝克', english: 'Baker'},   
        {chinese: '伯格', english: 'Berg'},   
        {chinese: '菲奇', english: 'Fitch'},   
        {chinese: '迪安', english: 'Dean'},   
        {chinese: '厄尔', english: 'Earle'},       
        {chinese: '亨利', english: 'Henry'},
         
    ]
 
中文:data.sort((a, b)=> b.chinese.localeCompare(a.chinese, 'zh')); //z~a 排序
中文: data.sort((a, b)=> a.chinese.localeCompare(b.chinese, 'zh')); //a~z 排序   
英文:data.sort((a, b) => b.english.charCodeAt(0) - a.english.charCodeAt(0)); //z~a 排序
英文:data.sort((a, b) => a.english.charCodeAt(0) - b.english.charCodeAt(0)); //a~z 排序

本篇整理参考引用::https://www.cnblogs.com/wangrui38/p/12467589.html

 

实例:

描述:对当前 table 的数据 this.tableInfo.data 按照dealerName和delivererName降序排序

      this.tableInfo.data.sort((a, b) => {
        const sortA = a.dealerName + a.delivererName
        const sortB = b.dealerName + b.delivererName
        return sortB.localeCompare(sortA, 'zh')
      })
 

 

posted @ 2021-07-20 14:05  初入其境  阅读(1130)  评论(0)    收藏  举报