JavaScript中格式化字符串:排序,复数和列表

javascript中格式化字符串:排序,复数和列表

您是否曾尝试对不同语言的单词进行排序、处理复杂的复数规则或以自然的方式格式化列表?Intl API提供了一些强大的功能,尤其是在处理字符串和列表方面。

简述

我们将重点介绍三个强大且常被忽视的功能:

Intl.Collator:正确排序和比较字符串,支持多种语言。Intl.PluralRules:处理多种语言的复数形式。Intl.ListFormat:以自然的方式格式化列表,适应不同语言的习惯。

Intl.Collator

立即学习“Java免费学习笔记(深入)”;

字符串排序并非易事。不同的语言对字母顺序、大小写敏感性和变音符号有不同的规则。Intl.Collator应运而生!

基本排序

const collator = new Intl.Collator("en", { sensitivity: "base" });console.log(collator.compare("apple", "banana")); // -1 (apple 在 banana 之前)console.log(collator.compare("banana", "apple")); // 1 (banana 在 apple 之后)console.log(collator.compare("apple", "apple")); // 0 (两者相等)

{sensitivity: 'base'} 使比较不区分大小写,因此 “apple” 和 “Apple” 被视为相同。

使用 Intl.Collator 对数组排序

const fruits = ["grape", "banana", "apple", "mango"];fruits.sort(new Intl.Collator("en").compare);console.log(fruits); // ['apple', 'banana', 'grape', 'mango']

collator.compare 传递给 .sort() 确保基于语言环境的正确排序。

String.localeCompare vs Intl.Collator

两者都可以用于排序,但有一些关键区别

Intl.Collator 默认支持本地化,而 localeCompare 使用系统或默认的语言环境设置。localeCompare 使用起来可能更直接,例如:"apple".localeCompare('banana')Intl.Collator 通常更快。Intl.Collator 支持多种语言的排序。

选项

localeMatcher:比较字符串时使用的算法,”best fit”(默认)或 “lookup”,控制语言环境的选择。sensitivity:比较时考虑的因素,”base”、”accent”、”case”、”variant”(最严格)。ignorePunctuationtrue 时忽略标点符号。

Intl.PluralRules:智能复数化

正确处理复数比简单地添加 “s” 更复杂。不同的语言有复杂的单数、双数、少数和复数规则。Intl.PluralRules 帮助我们动态确定正确的复数形式。

基本用法

const pluralrules = new Intl.PluralRules("en");console.log(pluralrules.select(1)); // "one"console.log(pluralrules.select(2)); // "other"console.log(pluralrules.select(0)); // "other"

对于英语,”one” 用于 1,”other” 用于其他所有数字。

不同的语言,不同的规则

例如,法语将 0 视为单数,而英语将其视为复数。

const pluralrulesfr = new Intl.PluralRules("fr");console.log(pluralrulesfr.select(1)); // "one"console.log(pluralrulesfr.select(0)); // "one" (法语将 0 视为单数)console.log(pluralrulesfr.select(2)); // "other"

动态生成复数消息

function getItemMessage(count) {  const pluralrule = new Intl.PluralRules("en").select(count);  const messages = {    one: `您有 ${count} 条消息。`,    other: `您有 ${count} 条消息。`,  };  return messages[pluralrule];}console.log(getItemMessage(1)); // "您有 1 条消息。"console.log(getItemMessage(3)); // "您有 3 条消息。"

此技术允许您的应用程序自动使用正确的复数形式。

选项

type:’cardinal’(默认)用于计数对象,’ordinal’ 用于序数(第一、第二等)。localeMatcher:’best fit’ 或 ‘lookup’,控制语言环境的选择。

Intl.ListFormat:自然格式化列表

编写项目列表(例如,“苹果、香蕉和橙子”)在不同语言中有所不同。有些语言使用逗号,有些使用 “和” 或 “et”,有些根本不使用连词。Intl.ListFormat 使正确格式化列表变得容易!

基本用法

const listformatter = new Intl.ListFormat("en", {  style: "long",  type: "conjunction",});console.log(listformatter.format(["apple", "banana", "cherry"]));// "apple, banana, and cherry"

它会自动在正确的位置添加 “and”!

不同的语言环境和样式

const listFormatterFr = new Intl.ListFormat("fr", {  style: "long",  type: "conjunction",});console.log(listFormatterFr.format(["pomme", "banane", "cerise"]));// "pomme, banane et cerise" (法语使用 "et" 代替 "and")const shortFormatter = new Intl.ListFormat("en", {  style: "short",  type: "disjunction",});console.log(shortFormatter.format(["tea", "coffee", "milk"]));// "tea, coffee, or milk" (disjunction 使用 "or" 代替 "and")

选项

type:’conjunction’(”and”)、’disjunction’(”or”)或 ‘unit’(例如,“5 小时,30 分钟”)。style:’long’(默认,完整单词)、’short’(缩写)、’narrow’(最小格式)。

结论

Intl.CollatorIntl.PluralRulesIntl.ListFormat 可以帮助您的 JavaScript 应用程序更国际化、更友好!这些 API 可以为您节省大量工作,并帮助您的应用程序轻松支持多种语言。

您之前尝试过这些 Intl 功能吗?

以上就是JavaScript中格式化字符串:排序,复数和列表的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1501319.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
提高刺激的一个简单技巧
上一篇 2025年12月19日 23:27:53
如何将兰链用于AI工作流程自动化
下一篇 2025年12月19日 23:28:17

相关推荐

  • composer require-dev和require有什么不同_Composer Require与Require-Dev区别解析

    require用于声明项目运行必需的依赖,如框架、数据库组件和第三方SDK,这些包会随项目部署到生产环境;2. require-dev用于声明仅在开发和测试阶段需要的工具,如PHPUnit、PHPStan、Faker等,不会默认部署到生产环境;3. 安装时composer install根据环境决定…

    2026年5月10日
    1000
  • 松下案例入选《2025企业社会责任竞争力指数报告》

    松下案例入选《2025企业社会责任竞争力指数报告》松下案例入选《2025企业社会责任竞争力指数报告》松下案例入选《2025企业社会责任竞争力指数报告》松下案例入选《2025企业社会责任竞争力指数报告》

    11月14日,中国新闻社《中国新闻周刊》在北京成功举办了第二十一届企业社会责任系列活动·2025责任之星特别节目。活动以“致明天:焕新责任竞争力”为主题,汇聚了来自政府、企业及学术界的多位代表,共同探讨新时代下企业如何通过责任创新打造核心竞争力。松下电器(中国)有限公司总裁赵炳弟作为企业界代表受邀出…

    2026年5月10日 用户投稿
    000
  • php常量怎么用_PHP常量(define/const)定义与使用方法

    PHP中可通过define函数和const关键字定义常量,用于存储不可变值。define适用于全局作用域,支持动态名称和条件定义,如define(‘SITE_NAME’, ‘MyWebsite’);const在编译时生效,语法简洁但限制多,只能在类或全…

    2026年5月10日
    000
  • Go语言接口与切片:如何识别和操作[]interface{}

    本文将深入探讨Go语言中如何识别和操作`[]interface{}`类型的切片。我们将介绍类型断言(Type Assertion)的关键作用,并通过`switch`语句演示如何安全地检测`[]interface{}`类型,并进而遍历其内部元素。文章旨在提供清晰的示例代码和专业指导,帮助开发者有效地处…

    2026年5月10日
    300
  • html标签如何读_HTML标签(语义化/结构)阅读与理解方法

    答案是掌握HTML标签的语义化含义与结构作用。理解HTML需从语义化入手,使用如article、nav、header等标签准确表达内容意义,提升可访问性、SEO和代码可维护性;阅读时应从外到内分析结构,识别页面骨架,区分语义标签与非语义标签(如div、span)的合理使用场景,避免仅凭外观选择标签,…

    2026年5月10日
    000
  • c++中头文件和源文件的区别_c++头文件与源文件作用对比

    头文件声明接口,源文件实现逻辑。头文件含类、函数声明及宏定义,通过#include被多文件共享,用include守卫防重;源文件实现具体功能,编译为目标文件后由链接器合并。声明与实现分离提升模块化与编译效率,模板和内联函数因需编译时可见故常置于头文件,命名空间避免符号冲突,整体结构使项目更清晰易维护…

    2026年5月10日
    000
  • 我有时使用 awk 而不是 Python 的四个原因

    Python 是一门强大的编程语言,但在某些特定场景下,Awk 的优势更为显著,尤其体现在可移植性、生命周期、代码简洁性和与其他工具的互操作性方面。 Python 脚本通常具有良好的可移植性,但并非总能在所有环境中完美运行,例如流行的 Docker 基础镜像 (如 Debian 和 Alpine)。…

    2026年5月10日
    000
  • Go语言中复制数组的几种方法详解

    本文介绍了在 Go 语言中复制数组和切片的几种方法,重点讲解了内置的 `copy` 函数的使用方式,以及在多维切片场景下深拷贝与浅拷贝的区别,并提供了相应的代码示例。通过本文,你将掌握在不同场景下选择合适的复制方法,避免潜在的陷阱。 在 Go 语言中,复制数组和切片是一个常见的操作。根据不同的需求,…

    2026年5月10日
    000
  • 李彦宏:2025年是萝卜快跑的扩张之年 将寻找合作方

    百度计划2025年大力扩张自动驾驶出行服务平台“萝卜快跑”。百度ceo李彦宏近日在业绩会上宣布,将与电信运营商、出租车公司及其他车队运营商合作,扩大市场份额,让更多用户体验自动驾驶技术。 这对于萝卜快跑而言是至关重要的发展阶段,预计未来车队规模和服务量将实现飞速增长。 ☞☞☞AI 智能聊天, 问答助…

    2026年5月10日
    000
  • 解决PHP foreach循环中变量“继承”问题:理解与避免意外数据泄露

    本文探讨PHP foreach循环中一个常见的陷阱:当循环内部的数组或变量未被显式初始化时,其值可能会“继承”自上一次循环迭代,导致意外的数据泄露和逻辑错误。文章将深入分析这一现象的根源,并通过示例代码展示如何通过在每次迭代开始时正确初始化变量来解决此问题,确保代码行为的预期一致性。 引言:fore…

    2026年5月10日
    100
  • 为什么专注如此重要?

    在快节奏的数字时代,程序员能否保持专注直接影响着代码质量、项目进度和错误率。 高效专注,才能在开发过程中游刃有余。本文将分享一些实用技巧,助您提升编程专注力,高效完成任务。 专注力为何如此重要? 专注力是程序员的核心竞争力。编码需要高度集中,处理细节、逻辑和问题,稍一分神就可能导致错误百出,返工耗时…

    2026年5月10日
    300
  • Pandas:基于条件和 Groupby 替换列中的特定字符

    本文介绍了如何使用 Pandas 库,结合 groupby 函数和字符串操作,根据特定条件替换 DataFrame 列中的字符。通过累积计数和字典映射,能够灵活地修改列中的特定部分,并根据替换值调整相关文本,实现数据清洗和转换的目的。 在数据分析和处理中,经常需要根据特定条件修改 DataFrame…

    2026年5月10日
    000
  • Go语言中sync.WaitGroup的深度解析与实践

    sync.WaitGroup是Go语言中用于并发编程的重要同步原语,它允许主协程等待一组子协程执行完毕。本文将深入探讨WaitGroup的工作原理、典型使用模式及其与sync.Mutex等其他同步机制的区别,并通过实际代码示例,帮助读者掌握其在并发控制中的应用,避免常见的误区,确保并发程序的正确性和…

    2026年5月10日
    000
  • HTML文档脚本怎么加载_HTML加载JavaScript教程

    脚本应优先通过defer或async异步加载以避免阻塞渲染;将脚本放在body底部可防阻塞,但推荐使用defer确保DOM解析完成后再执行;async适用于独立脚本,defer用于依赖DOM或需顺序执行的脚本;优化方式包括代码分割、懒加载、CDN加速和浏览器缓存;加载失败时应重试、降级处理并监控错误…

    2026年5月10日
    000
  • html函数如何实现动态内容显示 html函数在网页交互中的核心应用

    JavaScript函数通过操作DOM实现动态内容更新与交互,如显示时间、实时搜索、增删元素及加载数据,使网页具备动态功能。 HTML 本身没有“函数”的概念,它是一种标记语言,用于定义网页结构。真正实现动态内容显示和交互功能的是 JavaScript。通常所说的“HTML函数”其实是 JavaSc…

    2026年5月10日
    000
  • Python怎么实现一个上下文管理器_Python上下文管理器协议实现

    自定义Python上下文管理器需实现__enter__和__exit__方法,前者在进入with块时获取资源并返回对象,后者在退出时释放资源并可处理异常;通过类或contextlib.contextmanager装饰生成器函数均可创建;文件操作中with open()自动关闭文件是典型应用;__ex…

    2026年5月10日
    000
  • JavaScript解释器_javascript代码执行

    JavaScript通过引擎解析执行,先语法分析生成AST,再编译为字节码或机器码,最后执行;执行时创建上下文并入栈,同步代码直接运行,异步任务由API处理后回调入队,事件循环在调用栈空时将回调推入执行;此机制解释了变量提升、暂时性死区及宏任务与微任务执行顺序差异。 JavaScript代码的执行依…

    2026年5月10日
    000
  • CSS的display属性有哪些值?inline和block有什么区别?

    CSS的display属性有哪些值?inline和block有什么区别?CSS的display属性有哪些值?inline和block有什么区别?CSS的display属性有哪些值?inline和block有什么区别?CSS的display属性有哪些值?inline和block有什么区别?

    css的display属性通过定义元素的显示方式来控制网页布局。1.block元素独占一行,可设置宽高,默认如div、p等;2.inline元素不独占行,宽高由内容决定,如span、a;3.inline-block兼具block和inline特性,可并排显示且能设尺寸;4.none隐藏元素且不占空间…

    2026年5月10日 用户投稿
    300
  • C++怎么使用静态库和动态库_C++链接静态库与动态库的方法与区别

    静态库在编译时链接,生成独立可执行文件;动态库运行时加载,节省内存。1. 静态库用ar打包.o文件为.a,编译时通过-L和-l链接;2. 动态库需-fPIC编译生成.so,运行前配置LD_LIBRARY_PATH或系统路径;3. 静态库体积大但部署方便,动态库共享内存利于更新。 在C++项目开发中,…

    2026年5月10日
    000
  • 苹果芯片加持下PyTorch如何利用GPU和NPU?

    苹果芯片强大的计算能力,特别是神经网络引擎(NPU),使其成为深度学习开发者的理想平台。本文将探讨如何在Apple Silicon架构下,充分利用PyTorch进行模型训练和向量生成,并解释如何有效地使用CPU、GPU和NPU。 Apple Silicon集成了CPU、GPU和NPU,为深度学习提供…

    2026年5月10日
    000

发表回复

登录后才能评论
关注微信