通过js将26个英文字母按顺序依次排列方式
更新时间：2023年10月31日 09:58:53 作者：过了个羊
这篇文章主要介绍了通过js将26个英文字母按顺序依次排列方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
js将26个英文字母按顺序依次排列
array（数组）.sort(function (s1, s2) {
let a1 = s1.toUpperCase();
let a2 = s2.toUpperCase();
if (a1 < a2) {
return -1;
}
if (a1 > a2) {
return 1;
}
return 0;
}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()的用法即可。
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了JS校验与最终登陆界面功能,结合完整实例形式详细分析了JavaScript登录界面校验功能与正则验证相关操作技巧,需要的朋友可以参考下2020-01-01
下载文件个别浏览器文件名乱码解决办法，需要的朋友可以参考一下2013-03-03
这篇文章主要介绍了JavaScript阻止表单提交方法,通过代码示例讲解了阻止表单提交需要注意的事项，以及onSubmit和check（）的区别写法,需要的朋友可以参考下2017-08-08
JavaScript 调试器其实有很多。当然这些仅仅是调试器而已，与流行的 Java IDE 是没有办法相提并论的。2009-02-02
这篇文章主要为大家详细介绍了如何基于HTML5 Canvas和jQuery实现的简单网页版绘图编辑器,文中的示例代码讲解详细,需要的小伙伴可以了解下2024-10-10
javascript css styleFloat和cssFloat
在写js操作css的过程中发现float属性在IE和firefox下对应的js脚本是不一样的，IE下对应得是 styleFloat，firefox,chorme,safari下对应的是cssFloat，可用in运算符去检测style是否包含此属性。2010-03-03
这篇文章主要介绍了uni-app从安装到卸载的入门教程，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-05-05
为一个字符串进行URL编码很容易,只需要调用encodeURI,传入要编码的字符串即可,而且实现的方法不止这一个,下面这篇文章主要给大家介绍了关于js对url进行编码解码的三种方式,需要的朋友可以参考下2023-02-02
这篇文章主要介绍了JavaScript实现省市联动效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-11-11
本文主要介绍了JavaScript中Boolean类型的实现示例,布尔值的两个字面值true和false,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2026-02-02
最新评论