在当今全球化的世界中，对于开发国际化应用程序的需求越来越大。而其中一个非常重要的需求就是能够根据用户的偏好和所处地区，将字符串转换为用户可识别的本地化文本。在 JavaScript 中，这个需求可以通过 ES12 中的 Intl.DisplayNames 实现。本文将详细介绍 Intl.DisplayNames 的使用方法和意义，并提供详细的示例代码。
理解 Intl.DisplayNames
Intl.DisplayNames 是一个能够将标准化的名称（例如语言、地区、货币等）转换为用户自定义的本地化名称的对象。它提供了一个标准化的 API，可用于处理国际化字符串。
通过 Intl.DisplayNames，我们可以将标准化的名称转换为用户所理解的本地化名称。例如，对于语言名称，我们可以将 "en" 转换为 "英语"，"zh" 转换为 "中文"。对于地区名称，我们可以将 "US" 转换为 "美国"，"CN" 转换为 "中国"。
这个功能在开发国际化应用时非常实用，尤其是需要将标准化名称转换为用户友好的名称时。使用 Intl.DisplayNames 可以非常简单地实现这一需求。
使用 Intl.DisplayNames
使用 Intl.DisplayNames 非常简单，我们只需要创建一个对象，然后调用其方法即可。
首先，我们需要定义一个对象，来指定要转换的名称类型和所需的选项。下面是一个创建语言名称转换对象的示例：
const languageDisplayNames = new Intl.DisplayNames(['en'], {
type: 'language'
});在上面的示例中，我们将 en 作为语言环境选项传递给了 Intl.DisplayNames。然后我们指定转换的名称类型为 language。这将创建一个 languageDisplayNames 对象，可用于转换标准化语言名称。
接下来，我们可以使用 languageDisplayNames 对象的 of() 方法，将标准化语言名称转换为本地化名称：
console.log(languageDisplayNames.of('en')); // 输出：英语
console.log(languageDisplayNames.of('zh')); // 输出：中文需要注意的是，我们在创建 languageDisplayNames 对象时，指定了语言环境为 en。如果你的应用支持多种语言环境，那么可以根据需要传递不同的语言环境选项，或者使用 navigator.language 自动检测用户的语言环境。
除了语言名称，我们还可以使用 Intl.DisplayNames 来转换地区名称、货币名称等。下面是一个示例，用于创建地区名称转换对象：
const regionDisplayNames = new Intl.DisplayNames(['en'], {
type: 'region'
});
console.log(regionDisplayNames.of('US')); // 输出：美国
console.log(regionDisplayNames.of('CN')); // 输出：中国这里，我们将名称类型指定为 region，然后使用 regionDisplayNames 对象的 of() 方法将标准化地区名称转换为本地化名称。
除了基本的名称转换功能外，Intl.DisplayNames 还提供了更多选项来自定义转换结果的格式。例如，我们可以指定要使用的语言环境选项、格式选项等。有关详细信息，请参阅官方文档。
总结
在本文中，我们介绍了 ES12 中的 Intl.DisplayNames，它提供了一种处理国际化字符串的方法。通过 Intl.DisplayNames，我们可以将标准化名称（例如语言、地区、货币等）转换为用户自定义的本地化名称。这个功能在开发国际化应用时非常实用，尤其是需要将标准化名称转换为用户友好的名称时。我们通过示例代码演示了如何使用 Intl.DisplayNames，希望本文对于读者理解 Intl.DisplayNames 的使用方法和意义，有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648d45da48841e9894b91f3a