The Intl.NumberFormat()
constructor creates objects that enable language sensitive number formatting.
Syntax
new Intl.NumberFormat([locales[, options]])
Parameters
locales
Optional-
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
Optional-
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 thestyle
is "currency
", thecurrency
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 thestyle
is "unit
", theunit
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
, andmaximumFractionDigits
in one group,minimumSignificantDigits
andmaximumSignificantDigits
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 ofminimumFractionDigits
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 ofminimumFractionDigits
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.
Examples
Basic usage
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
If the style
is 'unit'
, a 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
If the style
is 'currency'
, a 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)'
Specifications
Specification |
---|
ECMAScript Internationalization API (ECMA-402) The definition of 'Intl.NumberFormat constructor' in that specification. |
Browser compatibility
Desktop | Mobile | Server | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
NumberFormat() constructor | Chrome Full support 24 | Edge Full support 12 | Firefox Full support 29 | IE Full support 11 | Opera Full support 15 | Safari Full support 10 | WebView Android Full support 4.4 | Chrome Android Full support 25 | Firefox Android Full support 56 | Opera Android Full support 14 | Safari iOS Full support 10 | Samsung Internet Android Full support 1.5 | nodejs
Full support
13.0.0
|
compactDisplay option | Chrome Full support 77 | Edge Full support 79 | Firefox Full support 78 | IE No support No | Opera Full support 64 | Safari No support No | WebView Android Full support 77 | Chrome Android Full support 77 | Firefox Android No support No | Opera Android Full support 55 | Safari iOS No support No | Samsung Internet Android Full support 12.0 | nodejs Full support 12.11.0 |
currencySign option | Chrome Full support 77 | Edge Full support 79 | Firefox Full support 78 | IE No support No | Opera Full support 64 | Safari No support No | WebView Android Full support 77 | Chrome Android Full support 77 | Firefox Android No support No | Opera Android Full support 55 | Safari iOS No support No | Samsung Internet Android Full support 12.0 | nodejs Full support 12.11.0 |
notation option | Chrome Full support 77 | Edge Full support 79 | Firefox Full support 78 | IE No support No | Opera Full support 64 | Safari No support No | WebView Android Full support 77 | Chrome Android Full support 77 | Firefox Android No support No | Opera Android Full support 55 | Safari iOS No support No | Samsung Internet Android Full support 12.0 | nodejs Full support 12.11.0 |
signDisplay option | Chrome Full support 77 | Edge Full support 79 | Firefox Full support 78 | IE No support No | Opera Full support 64 | Safari No support No | WebView Android Full support 77 | Chrome Android Full support 77 | Firefox Android No support No | Opera Android Full support 55 | Safari iOS No support No | Samsung Internet Android Full support 12.0 | nodejs Full support 12.11.0 |
unit option | Chrome Full support 77 | Edge Full support 79 | Firefox Full support 78 | IE No support No | Opera Full support 64 | Safari No support No | WebView Android Full support 77 | Chrome Android Full support 77 | Firefox Android No support No | Opera Android Full support 55 | Safari iOS No support No | Samsung Internet Android Full support 12.0 | nodejs Full support 12.11.0 |
unitDisplay option | Chrome Full support 77 | Edge Full support 79 | Firefox Full support 78 | IE No support No | Opera Full support 64 | Safari No support No | WebView Android Full support 77 | Chrome Android Full support 77 | Firefox Android No support No | Opera Android Full support 55 | Safari iOS No support No | Samsung Internet Android Full support 12.0 | nodejs Full support 12.11.0 |
Legend
- Full support
- Full support
- No support
- No support
- See implementation notes.
- See implementation notes.