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

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

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

  1. 数组根据某字段首字母拼音排序并返回新的数组

    原本的数组长这样: const data = [{name: '测试数据1',sortName: '一个需要排序的数据'},{name: '测试数据2',sortName: '二个需要排序的数据'} ...

  2. js 中文英文数字首字母混合排序

    日常开发中可能会遇到以下类似数组的首字母排序问题 ['王宇', '金大','2liu', 'Jim', '阿雅', '赵大', '1liu', 'bim', 'uim', '金二', 'vim'] 排 ...

  3. js 实现 将一句英文的首字母转大写,其它转小写

    //将一句英文的首字母转大写,其它转小写 var word='Welcome to my little WORLd. I have a DREAM thAt iS TO fLy to tLe sky' ...

  4. PHP二维数组按照中文姓名首字母排序

    方法一: 直接排序不返回首字母 $old_list = $this->model->field('id, number, username, mobile')->where('xxx ...

  5. Python实现将不规范的英文名字首字母大写

    Python实现将不规范的英文名字首字母大写 这篇文章给大家主要介绍的是利用map()函数,把用户输入的不规范的英文名字,变为首字母大写,其他小写的规范名字.文中给出了三种解决方法,大家可以根据需要选 ...

  6. 微信小程序js数组初始化_微信小程序学习Course 3-2 JS数组对象学习

    微信小程序学习Course 3-2 JS数组对象学习 本节主要介绍JS中的数组. 3-2.1 数组的声明 数组声明的方式多种,如下例.一般我们可以先创建一个空数组,然后再填充. var names = ...

  7. 使用fastJson把对象转字符串首字母大小写问题的解决

    使用fastJson把对象转字符串首字母大小写问题的解决 参考文章: (1)使用fastJson把对象转字符串首字母大小写问题的解决 (2)https://www.cnblogs.com/zeropc ...

  8. js 数组对象的操作方法

    js 数组对象的操作方法 在jquery中处理JSON数组的情况中遍历用到的比较多,但是用添加移除这些好像不是太多. 今天试过json[i].remove(),json.remove(i)之后都不行, ...

  9. java丶对数组值按首字母进行排序

    对数组值按首字母进行排序: public class Test {public static void main(String[] args) {List<String> list = A ...

最新文章

  1. hash 值重复_程序员:判断对象是否重复,不重写equals和hashcode不行吗?
  2. Vue + Element UI——监听DOM元素高度和宽度解决方案整理(八种方法)
  3. wxWidgets:wxRadioBox类用法
  4. ES6语法的学习与实践
  5. socket timeout是什么引起的_MySQL C API 参数 MYSQL_OPT_READ_TIMEOUT 的一些行为分析
  6. 总结 10 年前端经验,谈谈前端人如何更快地成长
  7. Caffe 议事(一):从零开始搭建 ResNet 之 残差网络结构介绍和数据准备
  8. while循环中使用read读取变量的一点小技巧
  9. spring-boot-starter-parent和spring-boot-dependencies的作用
  10. 常用服务和开放端口对照表
  11. 5.3 数据通路-专用通路
  12. Mac上好用的音乐软件是哪个?MacOS专业音乐制作软件推荐
  13. 三消游戏核心逻辑的一种实现
  14. java移动拼图游戏模拟
  15. html字体样式(2)
  16. CNN和机器学习算法性能测试
  17. LeetCode 每日一题1584. 连接所有点的最小费用
  18. 当前电子鼻系统数据处理中常用的模式识别技术
  19. 台湾清华大学物联网--001 物联网基础架构与应用简介
  20. 7个神奇的jQuery 3D插件

热门文章

  1. web之HTML入门02
  2. 沪嘉杭共建G60科创走廊
  3. Synology 群晖RAID1数据恢复
  4. Windows API详情
  5. STM32平衡小车 TB6612电机驱动学习
  6. 北京智和信通网络流量监控分析平台
  7. 计算机相关专业大学上海,上海哪几个大学计算机专业的系比较好
  8. 开心工作,开心生活!
  9. firefox vlc插件_html 嵌入vlc插件
  10. 图像超分辨率重建数据集看这篇就够了——训练 + 测试 | 【云盘分享】