在前端开发中，很多时候我们需要处理日期、时间、货币等格式化输出。为了简化这些操作，一个好的国际化处理工具是必不可少的。npm 包 locale-string 就是一个非常棒的工具，它可以帮助我们在前端应用中进行国际化处理。
安装
你可以通过以下命令使用 npm 安装 locale-string：
npm install locale-string --save
用法
基本格式化
要使用 locale-string，我们需要引入它：
import locale from 'locale-string';
然后我们可以使用 format 函数来对一个日期、时间或货币金额进行格式化，例如：
const date = new Date('2019-01-01'); console.log(locale.format(date)); // "1/1/2019"
日期格式化
我们可以使用 formatDate 函数来对日期进行格式化。
语言和地区
要指定一个特定的语言和地区进行日期格式化，我们可以通过 options 参数指定 locale 属性。例如：
const date = new Date('2019-01-01'); console.log(locale.formatDate(date, { locale: 'en-US' })); // "1/1/2019"
在上面的例子中，我们指定了使用美国英语（en-US）的日期格式化。
日期格式
默认情况下，locale-string 使用短日期格式进行日期格式化，格式为 "M/d/yy"。如果你想使用其他日期格式，可以通过 options 参数指定 date 属性。例如：
const date = new Date('2019-01-01'); console.log(locale.formatDate(date, { date: 'long' })); // "January 1, 2019"
在上面的例子中，我们指定了使用长日期格式进行日期格式化。
locale-string 支持以下日期格式：
short：短日期格式，例如 "M/d/yy"。medium：中等日期格式，例如 "MMM d, y"。long：长日期格式，例如 "MMMM d, y"。full：完整日期格式，例如 "EEEE, MMMM d, y"。
除了以上格式外，你还可以使用自定义的日期格式字符串。例如：
const date = new Date('2019-01-01'); console.log(locale.formatDate(date, { date: 'yyyy-MM-dd' })); // "2019-01-01"
在上面的例子中，我们使用了自定义的日期格式字符串 "yyyy-MM-dd"，它表示 "年-月-日" 的格式。
时区
如果你想指定一个特定的时区进行日期格式化，可以通过 options 参数指定 timeZone 属性。例如：
const date = new Date('2019-01-01T00:00:00Z'); console.log(locale.formatDate(date, { timeZone: 'America/Los_Angeles' })); // "12/31/2018"
在上面的例子中，我们指定了使用美国洛杉矶时区进行日期格式化。
locale-string 支持所有的 IANA 时区标识符，例如 "America/Los_Angeles"。
时间格式化
我们可以使用 formatTime 函数来对时间进行格式化。
语言和地区
要指定一个特定的语言和地区进行时间格式化，我们可以通过 options 参数指定 locale 属性。例如：
const date = new Date('2019-01-01T05:45:00Z'); console.log(locale.formatTime(date, { locale: 'en-US' })); // "5:45 AM"
在上面的例子中，我们指定了使用美国英语（en-US）的时间格式化。
时间格式
默认情况下，locale-string 使用短时间格式进行时间格式化，格式为 "h:mm a"。如果你想使用其他时间格式，可以通过 options 参数指定 time 属性。例如：
const date = new Date('2019-01-01T05:45:00Z'); console.log(locale.formatTime(date, { time: 'medium' })); // "5:45:00 AM"
在上面的例子中，我们指定了使用中等时间格式进行时间格式化。
locale-string 支持以下时间格式：
short：短时间格式，例如 "h:mm a"。medium：中等时间格式，例如 "h:mm:ss a"。long：长时间格式，例如 "h:mm:ss a z"。full：完整时间格式，例如 "h:mm:ss a zzzz"。
除了以上格式外，你还可以使用自定义的时间格式字符串。例如：
const date = new Date('2019-01-01T05:45:00Z'); console.log(locale.formatTime(date, { time: 'HH:mm' })); // "05:45"
在上面的例子中，我们使用了自定义的时间格式字符串 "HH:mm"，它表示 "小时:分钟" 的格式。
时区
如果你想指定一个特定的时区进行时间格式化，可以通过 options 参数指定 timeZone 属性。例如：
const date = new Date('2019-01-01T05:45:00Z'); console.log(locale.formatTime(date, { timeZone: 'America/Los_Angeles' })); // "9:45 PM"
在上面的例子中，我们指定了使用美国洛杉矶时区进行时间格式化。
货币格式化
我们可以使用 formatCurrency 函数来对货币金额进行格式化。
语言和地区
要指定一个特定的语言和地区进行货币格式化，我们可以通过 options 参数指定 locale 属性。例如：
const amount = 1234.5678; console.log(locale.formatCurrency(amount, 'USD', { locale: 'en-US' })); // "$1,234.57"
在上面的例子中，我们指定了使用美元（USD）和美国英语（en-US）的货币格式化。
货币符号
默认情况下，locale-string 使用 ISO 4217 标准定义的货币符号进行货币格式化。如果你想使用其他货币符号，可以通过 options 参数指定 currencySymbol 属性。例如：
const amount = 1234.5678; console.log(locale.formatCurrency(amount, 'INR', { currencySymbol: '₹' })); // "₹1,234.57"
在上面的例子中，我们指定了使用印度卢比（INR）的货币格式化，并将货币符号指定为 "₹"。
货币小数位数
默认情况下，locale-string 使用货币的小数点后两位进行货币格式化。如果你想使用其他的小数位数，可以通过 options 参数指定 currencyDigits 属性。例如：
const amount = 1234.5678; console.log(locale.formatCurrency(amount, 'USD', { currencyDigits: 0 })); // "$1,235"
在上面的例子中，我们指定了不显示货币小数位数。
结语
locale-string 是一个非常实用的国际化处理工具，它非常易于使用，同时也支持自定义的日期、时间和货币格式化。希望本篇文章能帮助读者更好地使用它进行前端开发。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/91090
