在全球化时代，开发多语言 Web 应用已经成为常态。为了能够达到用户期望的国际化需求，ECMAScript2021 (ES12) 中引入了 Internationalization API。本文将详细介绍 Internationalization API 的相关概念和用法，并提供示例代码作为参考。
Internationalization API 的概念
Internationalization API 是 ECMAScript 提供的一组 API，旨在帮助开发者解决在多语言环境下产生的字符串比较、数值格式化等问题。
Internationalization API 提供了多个对象，例如 Intl.Collator 用于比较字符串，Intl.DateTimeFormat 用于格式化日期和时间，Intl.NumberFormat 用于格式化数字，Intl.PluralRules 用于确定数字的复数形式。
这些对象使用了 Unicode CLDR (Common Locale Data Repository) 数据，该数据包提供了各种语言环境下的本地化数据，例如日期和时间格式、货币符号以及语言的语法规则。
使用 Internationalization API
本节将介绍如何使用 Internationalization API 的相关对象。首先，我们需要了解用户所在的区域设置，代码示例如下：
console.log(navigator.language); // "en-US"
该代码可以在控制台输出用户所在的语言环境设置。这里 "en-US" 表示用户所在的区域设置为美国英语。
字符串比较
Intl.Collator 对象用于字符串比较，例如排序。该对象的创建需要传入一个或多个选项参数，例如排序方式、大小写敏感性等。示例代码如下：
const data = ['Apple', 'banana', 'Cherry', 'dog'];
const collator = new Intl.Collator('en-US', { sensitivity: 'base' });
console.log(data.sort(collator.compare)); // ["Apple", "banana", "Cherry", "dog"]该代码将以 "en-US" 区域设置的排序规则对字符串数组进行排序，并输出排序结果。
日期和时间格式化
Intl.DateTimeFormat 对象用于格式化日期和时间。该对象的创建需要传入一个或多个选项参数，例如日期和时间格式、时区等。示例代码如下：
const date = new Date('2021-07-01T10:00:00Z');
const formatter = new Intl.DateTimeFormat('en-US', { dateStyle: 'full', timeStyle: 'short', timeZone: 'America/Los_Angeles' });
console.log(formatter.format(date)); // "Thursday, July 1, 2021 at 3:00 AM"该代码将以 "en-US" 区域设置的日期和时间格式对日期进行格式化，并输出格式化后的日期和时间。
数字格式化
Intl.NumberFormat 对象用于格式化数字。该对象的创建需要传入一个或多个选项参数，例如货币符号、小数位数等。示例代码如下：
const formatter = new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' });
console.log(formatter.format(1234.5)); // "$1,234.50"该代码将以 "en-US" 区域设置的货币格式对数字进行格式化，并输出格式化后的字符串。
判断数字的复数形式
Intl.PluralRules 对象用于判断数字的复数形式，例如选择正确的语法规则。该对象的创建需要传入一个或多个选项参数，例如语言环境、数值等。示例代码如下：
const rules = new Intl.PluralRules('en-US');
console.log(rules.select(1)); // "one"
console.log(rules.select(2)); // "other"该代码将根据 "en-US" 区域设置的语法规则判断数字的复数形式，并输出判断结果。
总结
Internationalization API 提供了多个对象，用于解决多语言环境下产生的字符串比较、数值格式化等问题。使用 Internationalization API 可以更方便地开发全球化 Web 应用程序。本文提供了相关的示例代码，供读者参考。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6522718995b1f8cacd9e9b0a