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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM