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

上期回顾

文章内容	文章链接
JS数组对象——根据日期进行排序Date.parse()，按照时间进行升序或降序排序	https://blog.csdn.net/XSL_HR/article/details/128579840?spm=1001.2014.3001.5501

场景复现

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

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

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函数的引入两种方法，从两种情况入手——直接按照顺序排列、根据首字母排序分组。 感兴趣的小伙伴可以订阅本专栏，方便后续了解学习~ 觉得这篇文章有用的小伙伴们可以点赞➕收藏➕关注哦~