js中按照中文首字母排序

按照中文首字母排序

在项目中的表格中要对国家排序，使用的是element中的表格

<el-table-column label="Country" width="100" show-overflow-tooltip sortable :sort-method="sortChange1">
  <template slot-scope="scope">
      {{ scope.row .company_country_name_en?scope.row.company_country_name_en:scope.row.company_country_name_cn | textFormat }}
  </template>
</el-table-column>

• show-overflow-tooltip:当内容过长被隐藏时显示 tooltip
• sortable:对应列是否可以排序
• sort-method:对数据进行排序的时候使用的方法

//国家首字母排序
sortChange1(a,b){
  return a.company_country_name_en.localeCompare(b.company_country_name_en);
},

使用sort()的话无法直接的比较中文，并且在对字符串的比较中 比较的是首位来比较的 例如：

let arr=['10000','1','23','8','25','36']
arr.sort()
console.log(arr)//(6) ["1", "10000", "23", "25", "36", "8"]

所以使用sort就不行了
sort()有一个参数是可设置的排列顺序sort会按照顺序把arr[i] arr[i+1]传入方法的sort((a,b)=>...)a和b 比较的规则：

• a小于b，返回小于0的值，sort排序会将a放在b之前
• a等于b，返回0
• a大于b，返回大于0的值，sort排序会将b放在a之前

localeCompare()方法，比较两个字符串的先后顺序，可用于判断中文 例如：a.localeCompare(b)

• 当前字符串对象排在b之前，则localeCompare()返回 -1
• 当前字符串排在b之后，则返回 1
• 两个字符串相等，则返回 0

//可使用的方法为:  
arr.sort((a,b)=>{
  return a.localeCompare(b)
})