如何用TypeScript或Lodash按country_name对国家对象数组排序

先纠正一个误解 #

JS 内置的Array.sort()方法要求传入的比较函数必须返回数值来判定两个元素的前后顺序，这是语法规范要求，无法省略返回值。

问题原因 #

你写的compare函数默认是升序（A-Z）排列，所以P开头的PALAU会排在U开头的UNITED STATES前面，和你期望的结果刚好相反，只要调整排序方向即可。另外建议用字符串的localeCompare方法做比较，对多语言、特殊字符的兼容性更好。

原生JS实现 #

直接行内写排序逻辑（最简单） #

// 降序排列（Z-A），符合你给出的期望输出结果
this.newJSONCountryArr.sort((a, b) => b.country_name.localeCompare(a.country_name));

// 如果后续需要改成升序（A-Z），改成如下写法即可
// this.newJSONCountryArr.sort((a, b) => a.country_name.localeCompare(b.country_name));

封装成compare方法的写法 #

注意要修正返回逻辑，同时避免sort调用时的this指向丢失问题：

this.newJSONCountryArr.sort((a, b) => this.compare(a, b));

compare(a: { country_name: string; }, b: { country_name: string; }): number{
  // 降序返回
  return b.country_name.localeCompare(a.country_name);
}

Lodash实现（你已经引入Lodash的前提下更简洁） #

直接用_.orderBy方法，指定排序字段和排序方向即可，不需要自己写比较逻辑：

// 参数依次是：待排序数组、排序字段、排序方向（desc降序/asc升序）
this.newJSONCountryArr = _.orderBy(this.newJSONCountryArr, 'country_name', 'desc');

为什么你第一次的写法不生效 #

priorityIndex[a.country_name - b.country_alpha2_code]的写法存在逻辑错误：两个字符串做减法运算会得到NaN，无法读取到正确的优先级索引，所以不会生效。

内容的提问来源于stack exchange，提问作者Peter The Angular Dude