新闻详情

新闻详情

首页 / 资讯中心 / 详情

vue3 字符串排序 localeCompare,确保排序为 “B01“, “B10“, “B2“

发布时间:2026/9/6 2:31:36来源:尧图网络
vue3 字符串排序 localeCompare,确保排序为 “B01“, “B10“, “B2“
代码示例// 计算属性Getters /** * 按 acceptTypeCode 去重后的受理类别键值对列表仅包含编码和名称 * 并按 acceptTypeCode 自然排序数字部分按数值比较确保排序为 B01, B10, B2 */ const acceptTypeKeyValues computed(() { const seen new Setstring(); return acceptTypeOptions.value .map((item) ({ acceptTypeCode: item.acceptTypeCode, acceptTypeName: item.acceptTypeName })) .filter((item) { if (seen.has(item.acceptTypeCode)) return false; seen.add(item.acceptTypeCode); return true; }) .sort((a, b) // 第二个参数undefined指定 locale语言环境。传入 undefined 表示使用运行时默认的 locale通常由浏览器或 Node.js 环境决定。 a.acceptTypeCode.localeCompare(b.acceptTypeCode, undefined, { numeric: true, // 启用自然数字排序。例如 B2 会被排在 B10 前面因为数字部分按数值 2 10 比较而不是逐字符比较否则 B10 会排在 B2 前。 sensitivity: base // 设置字符串比较的敏感度。base 表示只比较基本字符忽略大小写和重音符号。例如 a 和 A 被认为是相等的é 和 e 也被视为相等。 }) ); });这段代码是一个字符串排序比较函数用于Array.prototype.sort()的回调中。它调用字符串的localeCompare方法并传入一些选项来控制比较行为。具体解释如下代码分解tsa.acceptTypeCode.localeCompare(b.acceptTypeCode, undefined, { numeric: true, sensitivity: base })a.acceptTypeCode当前元素的值。b.acceptTypeCode下一个元素的值。localeCompareJavaScript 字符串方法返回一个数字负数、0 或正数表示两个字符串在本地化排序中的相对顺序。第二个参数undefined指定 locale语言环境。传入undefined表示使用运行时默认的 locale通常由浏览器或 Node.js 环境决定。第三个参数选项对象numeric: true启用自然数字排序。例如B2会被排在B10前面因为数字部分按数值 2 10 比较而不是逐字符比较否则 B10 会排在 B2 前。sensitivity: base设置字符串比较的敏感度。base表示只比较基本字符忽略大小写和重音符号。例如a和A被认为是相等的é和e也被视为相等。作用总结这个表达式用于对acceptTypeCode进行自然排序数字按数值大小字母不区分大小写。它返回一个值供sort方法决定元素的先后顺序。示例假设有数组[B10, B2, B01]使用此比较函数排序后得到[B01, B2, B10]符合人类直觉。与普通localeCompare的区别不带选项localeCompare默认按字典序比较结果可能是[B01, B10, B2]因为字符 1 的 Unicode 码点小于 2。加了numeric: true数字部分按数值比较得到更自然的顺序。加了sensitivity: base忽略大小写差异例如b2和B2排序时视为相同。因此这个表达式提供了更符合业务习惯的排序方式特别适合编码包含数字和字母的情况。
网站建设高端定制企业官网
RELATED

相关资讯

更多精彩内容,欢迎继续阅读

较早相关资讯

最新相关资讯

瑞德克斯平台:平台功能布局思路为什么容易留下印象 2026/9/6 3:10:45

瑞德克斯平台:平台功能布局思路为什么容易留下印象

从公开信息与服务细节来看,瑞德克斯平台在外汇相关服务环境中的辨识度,更多来自长期稳定的品牌节奏。把公开信息、服务感受和页面印象放在一起看,更便于理解平台的整体气质。同样的话,用更稳的语气表达,用户更便于接受…

阅读更多 →
2026成都寰际职业赛传统健美212决赛复盘:备赛与评判全解析 2026/9/6 3:10:45

2026成都寰际职业赛传统健美212决赛复盘:备赛与评判全解析

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

阅读更多 →
量化训练翻车:模型压缩 loss 曲线抖了 3000 步,只改 warmup 就稳了 2026/9/6 3:10:45

量化训练翻车:模型压缩 loss 曲线抖了 3000 步,只改 warmup 就稳了

量化训练翻车:模型压缩 loss 曲线抖了 3000 步,只改 warmup 就稳了 发版前一天,我准备把客服对话模型的推理时延砍到 40ms 以内,于是决定对模型压进行 INT8 量化压缩。结果第一次量化训练还没跑完 3000 步,loss 曲线就像心电图一样狂抖,最后直接爆出 NaN。我紧急把权重回滚到全…

阅读更多 →
01 · 调研与规划:翻译范围与 P0→P4 方案 2026/9/6 3:10:45

01 · 调研与规划:翻译范围与 P0→P4 方案

01 调研与规划:翻译范围与 P0→P4 方案 系列导航:本系列记录 gdev-master 从 C/C 到 Rust 的移植工程。 01 调研与规划 02 工程化工作流 03 实施进度与踩坑 移植一个 79k 行的 C/C 项目,第一步不是写代码,而是搞清楚「要移什么…

阅读更多 →
ZFX山海证券外汇:把风险提示表达讲清楚的几个重点 2026/9/6 3:10:45

ZFX山海证券外汇:把风险提示表达讲清楚的几个重点

该平台作为外汇相关服务平台给人的第一印象,往往不只是某一个功能点,而是品牌形象、信息说明和使用体验是否保持一致。节奏稳、表达清楚的平台,便于留下持续而清晰的印象。从信息组织方式来看,该平台呈现出的层次感比较重要。把基…

阅读更多 →
Claude Fable 5.1 preserved thinking 拆解:Agent harness 为什么必须从可重写历史迁移到追加式会话 2026/9/6 3:07:45

Claude Fable 5.1 preserved thinking 拆解:Agent harness 为什么必须从可重写历史迁移到追加式会话

从会话粘性到无状态核心:LangChain 新版 MCP 的生产迁移实践LangChain 官方文章发布于二零二六年九月三日,并把新版能力定位为生产迁移的重要基础。MCP 支持被移入 langchain.mcp,调用边界因此更加清晰。安装入口统一为 langchain[mcp]&#…

阅读更多 →

今日资讯

本周资讯

本月资讯

看完文章仍有疑问?

联系尧图顾问,获取一对一建站咨询

立即免费咨询 📞 400-888-8888
📞