当前位置:首页 > 文章列表 > 文章 > 前端 > 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推荐
  • ChatExcel酷表:告别Excel难题,北大团队AI助手助您轻松处理数据
    ChatExcel酷表
    ChatExcel酷表是由北京大学团队打造的Excel聊天机器人,用自然语言操控表格,简化数据处理,告别繁琐操作,提升工作效率!适用于学生、上班族及政府人员。
    4737次使用
  • Any绘本:开源免费AI绘本创作工具深度解析
    Any绘本
    探索Any绘本(anypicturebook.com/zh),一款开源免费的AI绘本创作工具,基于Google Gemini与Flux AI模型,让您轻松创作个性化绘本。适用于家庭、教育、创作等多种场景,零门槛,高自由度,技术透明,本地可控。
    5091次使用
  • 可赞AI:AI驱动办公可视化智能工具,一键高效生成文档图表脑图
    可赞AI
    可赞AI,AI驱动的办公可视化智能工具,助您轻松实现文本与可视化元素高效转化。无论是智能文档生成、多格式文本解析,还是一键生成专业图表、脑图、知识卡片,可赞AI都能让信息处理更清晰高效。覆盖数据汇报、会议纪要、内容营销等全场景,大幅提升办公效率,降低专业门槛,是您提升工作效率的得力助手。
    4969次使用
  • 星月写作:AI网文创作神器,助力爆款小说速成
    星月写作
    星月写作是国内首款聚焦中文网络小说创作的AI辅助工具,解决网文作者从构思到变现的全流程痛点。AI扫榜、专属模板、全链路适配,助力新人快速上手,资深作者效率倍增。
    6920次使用
  • MagicLight.ai:叙事驱动AI动画视频创作平台 | 高效生成专业级故事动画
    MagicLight
    MagicLight.ai是全球首款叙事驱动型AI动画视频创作平台,专注于解决从故事想法到完整动画的全流程痛点。它通过自研AI模型,保障角色、风格、场景高度一致性,让零动画经验者也能高效产出专业级叙事内容。广泛适用于独立创作者、动画工作室、教育机构及企业营销,助您轻松实现创意落地与商业化。
    5331次使用
微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议隐私政策
返回登录
  • 重置密码