JavaScript 将对象数组按字母顺序排序

原文链接:JavaScript 将对象数组按字母顺序排序

image.png

这里给出三种解决方案:

1.if条件语句 + sort()
2.localeCompare() + sort()
3.Collator() + sort()

sort 用法

语法

array.sort(compareFunction)

参数值

参数描述
compareFunction可选。定义替代排序顺序的函数。该函数应返回负值、零值或正值,具体取决于参数,例如:
function(a, b){ return a - b }
sort() 方法比较两个值时,将值发送给比较函数,根据返的(负、零、正)值对值进行排序。
举例:
比较 40 和 100 时,sort() 方法调用比较函数(40,100)。
该函数计算 40-100,并返回 -60(负值)。
sort 函数会将 40 排序为小于 100 的值。

sort() 方法会改变原始数组。

兼容性

Chrome、IE、Edge、Firefox、Safari、Opera 等 都支持 sort() 方法。

举例

排序数组

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var tzy = fruits.sort();
console.log(tzy);

输出如下:

image.png

按升序排序

var points = [66, 100, 3, 10, 250, 88, 77];
var tzy = points.sort((a, b)=> a - b);
console.log(tzy);

输出如下:

image.png

按降序排序

var points = [66, 100, 3, 10, 250, 88, 77];
var tzy = points.sort((a, b)=> b - a);
console.log(tzy);

输出如下:

image.png

if 条件语句 + sort()

var list = [{ FirsName: "Aaron", LastName: "Baker" },{ FirstName: "Bert", LastName: "Green" },{ FirstName: "Larry", LastName: "White" },{ FirstName: "Victor", LastName: "Fox" },
]
function sortArray(x, y) {if (x.LastName < y.LastName) { return -1; }if (x.LastName > y.LastName) { return 1; }return 0;
}
var tzy = list.sort(sortArray);
console.log(tzy);

输出如下:

image.png

localeCompare() + sort()

var list = [{ FirsName: "Aaron", LastName: "Baker" },{ FirstName: "Bert", LastName: "Green" },{ FirstName: "Larry", LastName: "White" },{ FirstName: "Victor", LastName: "Fox" },
]
function sortArray(x, y) {return x.LastName.localeCompare(y.LastName)
}
var tzy = list.sort(sortArray);
console.log(tzy);

输出如下:

image.png

如果对象目标 key 中存在标点符号,在这种情况下,我们可以使用localeCompare()函数并将其设置为在比较期间忽略标点符号。

var list = [{ FirsName: "Aaron", LastName: ",Baker" },{ FirstName: "Bert", LastName: "Green" },{ FirstName: "Larry", LastName: ",White" },{ FirstName: "Victor", LastName: "Fox" },
]
function SortArray(x, y){return x.LastName.localeCompare(y.LastName, 'fr', {ignorePunctuation: true});
}
var tzy = list.sort(sortArray);
console.log(tzy);

输出如下:

image.png

你还可以通过将 localeCompare() 函数的灵敏度设置为 base 来忽略字符串中存在的特殊字符,如下所示。

x.LastName.localeCompare(y.LastName, 'en', { sensitivity: 'base' });

点击 传送门 查看有关 localeCompare() 函数的更多详细信息。

Collator() + sort()

var list = [{ FirsName: "Aaron", LastName: "Baker" },{ FirstName: "Bert", LastName: "Green" },{ FirstName: "Larry", LastName: "White" },{ FirstName: "Victor", LastName: "Fox" },
]
function SortArray(x, y){return collator.compare(x.LastName, y.LastName);
}
var tzy = list.sort(sortArray);
console.log(tzy);

输出如下:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-53xjDQMd-1688743766885)(https://upload-images.jianshu.io/upload_images/16684925-497b1597e5c324c0.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)]

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/14203.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

基于matlab使用PointNet深度学习进行点云分类(附源码)

一、前言 此示例演示如何训练 PointNet 网络以进行点云分类。 点云数据由各种传感器获取&#xff0c;例如激光雷达、雷达和深度摄像头。这些传感器捕获场景中物体的3D位置信息&#xff0c;这对于自动驾驶和增强现实中的许多应用非常有用。例如&#xff0c;区分车辆和行人对于…

【Django学习】(十一)APIView_请求与响应_GenericAPIView

继承DRF中APIView之后&#xff0c;那么当前视图就具备了认证、授权、限流等功能 继承DRF中APIView之后&#xff0c;每一个实例方法中的request为Request对象 Request类拓展了Django中的HttpRequest类&#xff0c;具备很多额外优秀的功能Request类与HttpRequest类中的所有功能兼…

03-MySQL-基础篇-SQL之DDL语句

SQL之DDL语句 前言DDL数据库操作表操作查询操作数据类型案例修改删除 前言 本篇来学习下SQL中的DDL语句 DDL 全称Data Definition Language&#xff0c;数据定义语言&#xff0c;用来定义数据库对象(数据库&#xff0c;表&#xff0c;字段) 数据库操作 查询所有数据库 sh…

【Qt QML入门】第一个Quick应用

运行结果&#xff1a; 打开Qt Creator&#xff0c;创建一个Qt Quick Qpplication&#xff0c;IDE为我们创建一个应用工程&#xff0c;其中包含如下文件&#xff1a; .pro工程文件&#xff0c;我们通过它来打开整个工程&#xff1a; QT quick# You can make your code fail to…

基于simulink识别彩色视频序列中的交通警告标志

一、前言 此示例演示如何识别彩色视频序列中的交通警告标志&#xff0c;如“停止”、“请勿进入”和“让行”。 二、模型 下图显示了交通警告标志识别模型&#xff1a; 三、交通警告标志模板 该示例使用两组模板 - 一组用于检测&#xff0c;另一组用于识别。 为了节省计算…

java的RSA加密解密示例

RSA算法是一种非对称加密算法&#xff0c;公钥和私钥都可以用于加密和解密操作。在RSA算法中&#xff0c;公钥用于加密数据&#xff0c;私钥用于解密数据。 具体来说&#xff0c;使用公钥加密的数据只能使用相应的私钥进行解密。而使用私钥加密的数据则可以使用相应的公钥进行…

【BUG历险记】vivado报错:binding vhdl entity ‘ xxxxx ‘does not have port ‘ xxxxx ‘解决方案

&#x1f3d4;【BUG历险记】vivado报错&#xff1a;binding vhdl entity xxxxx does not have port xxxxx 解决方案 问题描述 我在编写雷达的脉冲压缩仿真时&#xff0c;先例化了FFT和复数乘法器&#xff0c;并仿真验证通过了&#xff1b;再例化IFFT&#xff0c;结果仿真时…

最新抖音娱乐测评小程序源码 Thinkphp后端 抖音引流小程序

最新抖音娱乐测评小程序源码 thinkphp后端 抖音引流小程序 附搭建教程 测试环境 NginxPHP7.0MySQL5.6 网站运行目录设置为 /web 数据库配置文件 \source\application\database.php 后台登录地址 http://你的域名/index.php?s/admin/passport/login

Python学习笔记(十九)————json相关

目录 &#xff08;1&#xff09;什么是json &#xff08;2&#xff09; json有什么用 &#xff08;3&#xff09; json格式数据转化 &#xff08;4&#xff09;Python数据和Json数据的相互转化 &#xff08;1&#xff09;什么是json JSON 是一种轻量级的数据交互格式。可以按照…

ETHERNET/IP 转ETHERCAT连接ethercat总线伺服如何控制

远创智控YC-EIP-ECT网关连接到ETHERNET/IP总线中做为从站使用&#xff0c;连接到ETHERCAT总线中做为从站使用&#xff0c;可以同时满足多种工业生产的需求。支持广泛的设备类型&#xff0c;可以和多种不同的设备进行通讯。 技术参数 ETHERNET/IP 技术参数 ● 网关做为 ETHERN…

调戏chatGPT(三)逻辑推理

chatGPT已经被吹的神乎其神了&#xff0c;今天我来测试一下chatGPT的逻辑推理能力 t 你好 你好&#xff01;很高兴能与您交流。 T 今天我想考考你的智力&#xff0c;看看你的逻辑思维能力如何 太好了&#xff01;我非常乐意 t 一根质地不均匀的绳子完全烧完需要1小时…

Pytorch深度强化学习1-3:策略评估与贝尔曼期望方程详细推导

目录 0 专栏介绍1 从一个例子出发2 回报与奖赏3 策略评估函数4 贝尔曼期望方程5 收敛性证明 0 专栏介绍 本专栏重点介绍强化学习技术的数学原理&#xff0c;并且采用Pytorch框架对常见的强化学习算法、案例进行实现&#xff0c;帮助读者理解并快速上手开发。同时&#xff0c;辅…