Intl.NumberFormat() constructor creates objects that enable language sensitive number formatting.

The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.

句法

new Intl.NumberFormat([locales[, options]])
					

参数

locales 可选

A string with a BCP 47 language tag, or an array of such strings. For the general form and interpretation of the locales argument, see the Intl page . The following Unicode extension key is allowed:

nu
The numbering system to be used. Possible values include: " adlm ", " ahom ", " arab ", " arabext ", " bali ", " beng ", " bhks ", " brah ", " cakm ", " cham ", " deva ", " diak ", " fullwide ", " gong ", " gonm ", " gujr ", " guru ", " hanidec ", " hmng ", " hmnp ", " java ", " kali ", " khmr ", " knda ", " lana ", " lanatham ", " laoo ", " latn ", " lepc ", " limb ", " mathbold ", " mathdbl ", " mathmono ", " mathsanb ", " mathsans ", " mlym ", " modi ", " mong ", " mroo ", " mtei ", " mymr ", " mymrshan ", " mymrtlng ", " newa ", " nkoo ", " olck ", " orya ", " osma ", " rohg ", " saur ", " segment ", " shrd ", " sind ", " sinh ", " sora ", " sund ", " takr ", " talu ", " tamldec ", " telu ", " thai ", " tibt ", " tirh ", " vaii ", " wara ", " wcho ".
options 可选

An object with some or all of the following properties:

compactDisplay
Only used when notation is " compact ". Takes either " short " (default) or " long ".
currency
The currency to use in currency formatting. Possible values are the ISO 4217 currency codes, such as " USD " for the US dollar, " EUR " for the euro, or " CNY " for the Chinese RMB — see the Current currency & funds code list . There is no default value; if the style is " currency ", the currency property must be provided.
currencyDisplay
How to display the currency in currency formatting. Possible values are:
  • " symbol " to use a localized currency symbol such as €, this is the default value,
  • " narrowSymbol " to use a narrow format symbol ("$100" rather than "US$100"),
  • " code " to use the ISO currency code,
  • " name " to use a localized currency name such as " dollar ",
currencySign
In many locales, accounting format means to wrap the number with parentheses instead of appending a minus sign. You can enable this formatting by setting the currencySign option to " accounting ". The default value is " standard ".
localeMatcher
The locale matching algorithm to use. Possible values are " lookup " and " best fit "; the default is " best fit ". For information about this option, see the Intl page .
notation
The formatting that should be displayed for the number, the defaults is " standard "
  • " standard " plain number formatting
  • " scientific " return the order-of-magnitude for formatted number.
  • " engineering " return the exponent of ten when divisible by three
  • " compact " string representing exponent, defaults is using the "short" form.
numberingSystem
Numbering System. Possible values include: " arab ", " arabext ", " bali ", " beng ", " deva ", " fullwide ", " gujr ", " guru ", " hanidec ", " khmr ", " knda ", " laoo ", " latn ", " limb ", " mlym ", " mong ", " mymr ", " orya ", " tamldec ", " telu ", " thai ", " tibt ".
signDisplay
When to display the sign for the number; defaults to " auto "
  • " auto " sign display for negative numbers only
  • " never " never display sign
  • " always " always display sign
  • " exceptZero " sign display for positive and negative numbers, but not zero
style
The formatting style to use , the default is " decimal ".
  • " decimal " for plain number formatting.
  • " currency " for currency formatting.
  • " percent " for percent formatting
  • " unit " for unit formatting
unit
The unit to use in unit formatting, Possible values are core unit identifiers, defined in UTS #35, Part 2, Section 6 . A subset of units from the full list was selected for use in ECMAScript. Pairs of simple units can be concatenated with " -per- " to make a compound unit. There is no default value; if the style is " unit ", the unit property must be provided.
unitDisplay
The unit formatting style to use in unit formatting, the defaults is " short ".
  • " long " (e.g., 16 litres )
  • " short " (e.g., 16 l )
  • " narrow " (e.g., 16l )
useGrouping

Whether to use grouping separators, such as thousands separators or thousand/lakh/crore separators. Possible values are true and false; the default is true.

The following properties fall into two groups: minimumIntegerDigits , minimumFractionDigits ,和 maximumFractionDigits in one group, minimumSignificantDigits and maximumSignificantDigits in the other. If at least one property from the second group is defined, then the first group is ignored.

minimumIntegerDigits

The minimum number of integer digits to use. Possible values are from 1 to 21; the default is 1.

minimumFractionDigits
The minimum number of fraction digits to use. Possible values are from 0 to 20; the default for plain number and percent formatting is 0; the default for currency formatting is the number of minor unit digits provided by the ISO 4217 currency code list (2 if the list doesn't provide that information).
maximumFractionDigits
The maximum number of fraction digits to use. Possible values are from 0 to 20; the default for plain number formatting is the larger of minimumFractionDigits and 3; the default for currency formatting is the larger of minimumFractionDigits and the number of minor unit digits provided by the ISO 4217 currency code list (2 if the list doesn't provide that information); the default for percent formatting is the larger of minimumFractionDigits and 0.
minimumSignificantDigits

The minimum number of significant digits to use. Possible values are from 1 to 21; the default is 1.

maximumSignificantDigits

The maximum number of significant digits to use. Possible values are from 1 to 21; the default is 21.

范例

基本用法

In basic use without specifying a locale, a formatted string in the default locale and with default options is returned.

let amount = 3500;
console.log(new Intl.NumberFormat().format(amount));
// → '3,500' if in US English locale
					

Decimal and percent formatting

let amount = 3500;
new Intl.NumberFormat('en-US', {style: 'decimal'}).format(amount);
// → '3,500'
new Intl.NumberFormat('en-US', {style: 'percent'}).format(amount);
// → '350,000%'
					

Unit formatting

style is 'unit' unit property must be provided. Optionally, unitDisplay controls the unit formatting.

let amount = 3500;
new Intl.NumberFormat('en-US', {style: 'unit', unit: 'liter'}).format(amount);
// → '3,500 L'
new Intl.NumberFormat('en-US', {style: 'unit', unit: 'liter', unitDisplay: 'long'}).format(amount);
// → '3,500 liters'
					

Currency formatting

style is 'currency' currency property must be provided. Optionally, currencyDisplay and currencySign control the unit formatting.

let amount = -3500;
new Intl.NumberFormat('en-US', {style: 'currency', currency: 'USD'}).format(amount);
// → '-$3,500.00'
new Intl.NumberFormat('bn', {
  style: 'currency',
  currency: 'USD',
  currencyDisplay: 'name'
}).format(amount);
// →  '-3,500.00 US dollars'
new Intl.NumberFormat('bn', {
  style: 'currency',
  currency: 'USD',
  currencySign: 'accounting'
}).format(amount);
// →  '($3,500.00)'
					

Scientific, engineering or compact notations

Scientific and compact notation are represented by the notation option and can be formatted like this:

new Intl.NumberFormat('en-US', { notation: "scientific" }).format(987654321);
// → 9.877E8
new Intl.NumberFormat('pt-PT', { notation: "scientific" }).format(987654321);
// → 9,877E8
new Intl.NumberFormat('en-GB', { notation: "engineering" }).format(987654321);
// → 987.654E6
new Intl.NumberFormat('de', { notation: "engineering" }).format(987654321);
// → 987,654E6
new Intl.NumberFormat('zh-CN', { notation: "compact" }).format(987654321);
// → 9.9亿
new Intl.NumberFormat('fr', {
  notation: "compact",
  compactDisplay: "long"
}).format(987654321);
// → 988 millions
new Intl.NumberFormat('en-GB', {
  notation: "compact",
  compactDisplay: "short"
}).format(987654321);
// → 988M
					

Displaying signs

Display a sign for positive and negative numbers, but not zero:

new Intl.NumberFormat("en-US", {
    style: "percent",
    signDisplay: "exceptZero"
}).format(0.55);
// → '+55%'
					

Note that when the currency sign is "accounting", parentheses might be used instead of a minus sign:

new Intl.NumberFormat('bn', {
  style: 'currency',
  currency: 'USD',
  currencySign: 'accounting',
  signDisplay: 'always'
}).format(-3500);
// → '($3,500.00)'
					

规范

规范
ECMAScript 国际化 API (ECMA-402)
The definition of 'Intl.NumberFormat constructor' in that specification.

浏览器兼容性

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据
Desktop Mobile Server
Chrome Edge Firefox Internet Explorer Opera Safari Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet Node.js
NumberFormat() 构造函数 Chrome 24 Edge 12 Firefox 29 IE 11 Opera 15 Safari 10 WebView Android 4.4 Chrome Android 25 Firefox Android 56 Opera Android 14 Safari iOS 10 Samsung Internet Android 1.5 nodejs 13.0.0
13.0.0
部分支持 0.12
Before version 13.0.0, only the locale data for en-US is available by default. When other locales are specified, the NumberFormat instance silently falls back to en-US . To make full ICU (locale) data available for versions prior to 13, see Node.js documentation on the --with-intl option and how to provide the data.
compactDisplay option Chrome 77 Edge 79 Firefox 78 IE No Opera 64 Safari No WebView Android 77 Chrome Android 77 Firefox Android No Opera Android 55 Safari iOS No Samsung Internet Android 12.0 nodejs 12.11.0
currencySign option Chrome 77 Edge 79 Firefox 78 IE No Opera 64 Safari No WebView Android 77 Chrome Android 77 Firefox Android No Opera Android 55 Safari iOS No Samsung Internet Android 12.0 nodejs 12.11.0
notation option Chrome 77 Edge 79 Firefox 78 IE No Opera 64 Safari No WebView Android 77 Chrome Android 77 Firefox Android No Opera Android 55 Safari iOS No Samsung Internet Android 12.0 nodejs 12.11.0
signDisplay option Chrome 77 Edge 79 Firefox 78 IE No Opera 64 Safari No WebView Android 77 Chrome Android 77 Firefox Android No Opera Android 55 Safari iOS No Samsung Internet Android 12.0 nodejs 12.11.0
unit option Chrome 77 Edge 79 Firefox 78 IE No Opera 64 Safari No WebView Android 77 Chrome Android 77 Firefox Android No Opera Android 55 Safari iOS No Samsung Internet Android 12.0 nodejs 12.11.0
unitDisplay option Chrome 77 Edge 79 Firefox 78 IE No Opera 64 Safari No WebView Android 77 Chrome Android 77 Firefox Android No Opera Android 55 Safari iOS No Samsung Internet Android 12.0 nodejs 12.11.0

图例

完整支持

完整支持

不支持

不支持

见实现注意事项。

另请参阅

元数据

  • 最后修改: