当前位置:首页 > 文章列表 > 文章 > 前端 > Intl.DisplayNames 本地化名称转换教程

Intl.DisplayNames 本地化名称转换教程

2026-05-21 12:19:22 0浏览 收藏
Intl.DisplayNames 是一个专为“反查”设计的现代国际化 API,能精准将标准代码(如"US"、"zh"、"USD")按指定语言环境转换为本地化全称,远比 toLocaleString 更适合名称映射场景;它严格区分 region、language、currency 三类输入规范,对代码格式、大小写和语言标签高度敏感,用错类型或传入非标准值会静默返回 undefined,而真正挑战往往不在调用本身,而在于确保手头数据符合 ISO/BCP 47 等国际标准——掌握这些细节,才能让多语言应用的国家名、货币名、语言名真正准确、可靠、合规地呈现给全球用户。

如何通过 Intl.DisplayNames 将区域代码或货币符号快速转换为本地化的完整名称

Intl.DisplayNames 为什么比 toLocaleString 更适合查名称

因为 toLocaleString 只能格式化已有值(比如数字、日期),不能“反查”一个区域代码或货币符号对应的本地化全称。而 Intl.DisplayNames 是专为这种映射设计的 API,它不依赖真实数据实例,只靠类型和语言标签就能查出规范名称。

常见误用是拿它去格式化数字或日期——它做不到;也有人试图传入非标准字符串(如 "CN" 当作语言代码查国家名),结果返回 undefined,其实是没配对好 type 和输入值。

实操建议:

  • type 必须与输入值严格匹配:查国家用 "region",输 "US";查语言用 "language",输 "zh""zh-Hans";查货币用 "currency",输 "USD"
  • 语言标签(locale)影响结果,但不是越长越好:"zh-CN""zh" 对多数货币/区域返回一致,但对语言名可能不同(比如 "zh-Hant""en" 显示“英文”,"zh" 下可能显示“英语”)
  • 浏览器兼容性需留意:Safari 14+、Chrome 90+、Firefox 87+ 支持完整功能;旧版 Safari 不支持 "currency" 类型

查国家/地区名:region 类型的典型用法

输入 ISO 3166-1 alpha-2 代码(如 "JP""BR"),输出对应语言下的国家全称。注意不是所有代码都有效——"ZZ" 或自定义短码会返回 undefined

示例:

const regionNames = new Intl.DisplayNames(["zh-CN"], { type: "region" });
regionNames.of("JP"); // → "日本"
regionNames.of("US"); // → "美国"
regionNames.of("GB"); // → "英国"

容易踩的坑:

  • 别把 "CN" 当成简体中文语言代码传进去——那是国家码,要用 type: "region" 才生效
  • "UK" 不是标准区域码,正确写法是 "GB""HK" 是合法区域码,但某些 locale 下可能显示为“中国香港特别行政区”而非单纯“香港”
  • 如果需要区分“台湾地区”这类表述,取决于目标 locale 的政治语境,API 本身不判断,只按 Unicode CLDR 数据返回

查货币全称:currency 类型的注意事项

type: "currency" 接收的是 ISO 4217 三字母代码(如 "CNY""EUR"),不是符号("¥")也不是小写缩写("usd")。大小写敏感,错一个字母就查不到。

示例:

const currencyNames = new Intl.DisplayNames(["ja-JP"], { type: "currency" });
currencyNames.of("CNY"); // → "中国元"
currencyNames.of("USD"); // → "米ドル"

关键细节:

  • 不支持符号反查:传 "$""€" 会返回 undefined
  • 部分货币在某些 locale 下有多个名称(如 "GBP""en-GB" 下是 "British Pound Sterling",在 "en-US" 下是 "British Pound"),但 API 只返回一个主名称
  • "XAU"(黄金)、"BTC"(比特币)等非法定货币代码,多数浏览器返回 undefined,因 CLDR 未收录

查语言名:language 类型的输入格式差异

type: "language" 支持多种输入格式:BCP 47 语言子标签("en""pt-BR")、Unicode 扩展("en-u-hc-h12"),甚至私有使用子标签("qaa")。但最常用的是基础语言码或带脚本/地区的组合。

示例:

const langNames = new Intl.DisplayNames(["zh-Hans"], { type: "language" });
langNames.of("en");      // → "英语"
langNames.of("en-US");   // → "美国英语"
langNames.of("zh-Hant"); // → "繁体中文"

这里最容易忽略的一点:

  • 输入 "zh""zh-CN"type: "language" 下行为不同:"zh" 查的是“中文”这个语言本身,"zh-CN" 查的是“中国大陆使用的中文变体”,后者可能返回“简体中文”或“中国大陆中文”,取决于 locale 和 CLDR 版本
  • "und"(未确定语言)这类特殊子标签,只有部分 locale 支持返回有意义的名称(如 "未知语言"),多数返回 undefined
  • 如果你拿到的是用户 navigator.language(如 "en-US"),直接传给 of() 是安全的;但如果是后端传来的 "english" 这种自然语言字符串,得先映射成标准子标签才能用

真正麻烦的不是调用 API,而是确认你手里的字符串是否符合对应 type 的标准格式。区域码、货币码、语言子标签,每种都有自己的规范,混用就会静默失败。CLDR 数据更新慢,新加入的国家或加密货币符号短期内不会出现在 Intl.DisplayNames 结果里。

本篇关于《Intl.DisplayNames 本地化名称转换教程》的介绍就到此结束啦,但是学无止境,想要了解学习更多关于文章的相关知识,请关注golang学习网公众号!

PHP中==和===的区别解析PHP中==和===的区别解析
上一篇
PHP中==和===的区别解析
12306选座怎么选无障碍座位
下一篇
12306选座怎么选无障碍座位
查看更多
最新文章
查看更多
课程推荐
  • 前端进阶之JavaScript设计模式
    前端进阶之JavaScript设计模式
    设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。
    543次学习
  • GO语言核心编程课程
    GO语言核心编程课程
    本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。
    516次学习
  • 简单聊聊mysql8与网络通信
    简单聊聊mysql8与网络通信
    如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让
    500次学习
  • JavaScript正则表达式基础与实战
    JavaScript正则表达式基础与实战
    在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
    487次学习
  • 从零制作响应式网站—Grid布局
    从零制作响应式网站—Grid布局
    本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。
    485次学习
查看更多
AI推荐
  • ljg-skills -
    ljg-skills
    ljg-skills 是李继刚开源的 AI 技能与提示词集合,面向大模型使用者整理了一批可复用的 prompt、角色设定和任务技能模板,适合用于学习提示词设计、搭建个人 AI 工作流和沉淀团队常用智能体能力。
    3133次使用
  • MELO音乐 - AI 音乐生成平台,支持多模态创作能力
    MELO音乐
    MELO音乐是一站式AI视频与音乐制作助手,对标suno, udio的高品质体验。提供伴奏生成、原创写词、无损导出、哼唱识曲、混音变声等全套音频与短视频编辑工具。无论是流行Kpop、电音说唱、民谣古风、摇滚儿歌还是商用轻音乐,MELO为你免费谱曲,轻松做同款!
    2895次使用
  • UniScribe - AI 免费在线音视频转文字平台
    UniScribe
    UniScribe 是一款 AI 音视频转文字与内容整理工具,支持上传音频、视频文件或粘贴 YouTube 链接,自动生成转写文本、摘要、思维导图和关键问题,并支持多格式导出,适合会议记录、课程学习、访谈整理和内容创作复盘。
    2846次使用
  • 剧云 - 免费 AI 智能中文剧本创作平台
    剧云
    剧云是专业中文剧本创作平台,安全稳定运行十余年,集成AI编剧、剧本医生审核、人物小传、剧情关系图、大纲编写、多人协作、Word导入导出、版权管控功能,数据安全防护,轻松高效创作剧本。
    3062次使用
  • 万象有声 - AI 一站式有声内容创作平台
    万象有声
    万象有声,一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具,可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验,让有声书制作更简单!
    3011次使用
微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议隐私政策
返回登录
  • 重置密码