JS数组对象——英文按照首字母进行排序(sort、localeCompare）

上期回顾

场景复现

排序在项目中非常实用，出现频率极高，尤其是后台管理系统，需要我们对大量的数据进行展示、处理、操作。一般都是从后台获取到数组对象，然后根据其中的一个属性对数据进行升序或者降序的处理。

下面将举例详细介绍——英语根据首字母进行排序！

sort()方法与localeCompare

方法：sort()、localeCompare()

sort用于排序

localeCompare用于比较

localeCompare不要写成localCompare

实例应用

一、升序排列

1、数组内容

var arr1 = [{name: 'DaLin'},{name: 'HaLin'},{name: 'VaLin'},{name: 'SaLin'},{name: 'WaLin'},{name: 'EaLin'},{name: 'TaLin'},{name: 'YaLin'},{name: 'JaLin'}]

2、关键代码：（根据英文首字母升序排列）

// 根据英文首字母进行排序arr1.sort(function(a, b) {return (a.name + '').localeCompare(b.name + '')})console.log(arr1)

控制台排序结果：

降序排列也是一样的道理，只需把a和b的位置交换即可。

// 根据英文首字母进行排序arr1.sort(function(a, b) {return (b.name + '').localeCompare(a.name + '')})console.log(arr1)

控制台排序结果：

英文的排序还是很简单的，弄清楚localeCompare()和sort()的用法即可。

下期文章将继续介绍根据中文首字母排序，分别提供localCompare和外部pinyin函数的引入两种方法，从两种情况入手——直接按照顺序排列、根据首字母排序分组。感兴趣的小伙伴可以订阅本专栏，方便后续了解学习~觉得这篇文章有用的小伙伴们可以点赞➕收藏➕关注哦~