js中json对象数组按对象属性排序（sort方法）---2（根据拼音排序汉字和排序英文）

js中json对象数组按对象属性排序（sort⽅法）---2（根据拼⾳排
序汉字和排序英⽂）
本例主要实现中⽂汉字按拼⾳排序的⽅法和英⽂按照⾸字母排序的⽅法。

要排序的数据：
//要排序的数据
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'},
]
根据汉字拼⾳排序
这⾥要⽤到⼀个字符串⽅法：
localeCompare() ⽅法
定义和⽤法
⽤本地特定的顺序来⽐较两个字符串。

语法
stringObject.localeCompare(target)
参数描述
target要以本地特定的顺序与 stringObject 进⾏⽐较的字符串。

返回值
说明⽐较结果的数字。

如果 stringObject ⼩于 target，则 localeCompare() 返回⼩于 0 的数。

如果 stringObject ⼤于 target，则该⽅法返回⼤于 0 的数。

如果两个字符串相等，或根据本地排序规则没有区别，该⽅法返回 0。

说明
把 < 和 > 运算符应⽤到字符串时，它们只⽤字符的 Unicode 编码⽐较字符串，⽽不考虑当地的排序规则。

以这种⽅法⽣成的顺序不⼀定是正确的。

例如，在西班⽛语中，其中字符 “ch” 通常作为出现在字母 “c” 和 “d” 之间的字符来排序。

localeCompare() ⽅法提供的⽐较字符串的⽅法，考虑了默认的本地排序规则。

ECMAscript 标准并没有规定如何进⾏本地特定的⽐较操作，它只规定该函数采⽤底层操作系统提供的排序规则。

可是排序：
从z~a
//根据汉字⾸字母排序
//使⽤箭头函数
//【注】localeCompare() 是js内置⽅法
data.sort((a, b)=> b.chinese.localeCompare(a.chinese, 'zh')); //z~a 排序
从a~z
data.sort((a, b)=> a.chinese.localeCompare(b.chinese, 'zh')); //a~z 排序
根据英⽂⾸字母的ASCLL码进⾏排序
从z~a
//根据英⽂排序⽐较⾸字母ASCLL码
//使⽤箭头函数
data.sort((a, b) => b.english.charCodeAt(0) - a.english.charCodeAt(0)); //z~a 排序
从a~z
data.sort((a, b) => a.english.charCodeAt(0) - b.english.charCodeAt(0)); //a~z 排序完整演⽰代码：
//要排序的数据
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'},
]
//根据汉字⾸字母排序
//使⽤箭头函数
//【注】localeCompare() 是js内置⽅法
// data.sort((a, b)=> b.chinese.localeCompare(a.chinese, 'zh')); //z~a 排序
// data.sort((a, b)=> a.chinese.localeCompare(b.chinese, 'zh')); //a~z 排序
// console.log(data);
//根据英⽂排序⽐较⾸字母ASCLL码
//// console.log(data[0].english.charCodeAt(0));
// 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 排序 console.log(data);
View Code
控制台输出效果（英⽂从a~z的效果）：。