Intl.NumberFormat

MDN Link for Intl.NumberFormat

Browser Support

Chrome

Edge

Firefox

Opera

Safari

Chrome Android

Firefox for Android

Opera Android

Safari on iOS

Samsung Internet

WebView Android

Deno

Node.js

Specification

Input values

Locale

Amount

Alternative use

Intl.NumberFormat can also be used from Number.prototype.toLocaleString()

const number = 123456.789
number.toLocaleString("en-US")
// 123,456.789

Output

unitDisplay

Chrome

Edge

Firefox

Opera

Safari

Chrome Android

Firefox for Android

Opera Android

Safari on iOS

Samsung Internet

WebView Android

Deno

Node.js

Specification

{
	unitDisplay: "short"
}
// 123,456.789

{
	unitDisplay: "long"
}
// 123,456.789

{
	unitDisplay: "narrow"
}
// 123,456.789

compactDisplay

Chrome

Edge

Firefox

Opera

Safari

Chrome Android

Firefox for Android

Opera Android

Safari on iOS

Samsung Internet

WebView Android

Deno

Node.js

Specification

{
	compactDisplay: "short"
}
// 123,456.789

{
	compactDisplay: "long"
}
// 123,456.789

notation

Chrome

Edge

Firefox

Opera

Safari

Chrome Android

Firefox for Android

Opera Android

Safari on iOS

Samsung Internet

WebView Android

Deno

Node.js

Specification

{
	notation: "standard"
}
// 123,456.789

{
	notation: "scientific"
}
// 1.235E5

{
	notation: "engineering"
}
// 123.457E3

{
	notation: "compact"
}
// 123K

signDisplay

Chrome

Edge

Firefox

Opera

Safari

Chrome Android

Firefox for Android

Opera Android

Safari on iOS

Samsung Internet

WebView Android

Deno

Node.js

Specification

{
	signDisplay: "auto"
}
// 123,456.789

{
	signDisplay: "never"
}
// 123,456.789

{
	signDisplay: "always"
}
// +123,456.789

{
	signDisplay: "exceptZero"
}
// +123,456.789

useGrouping

Chrome

Edge

Firefox

Opera

Safari

Chrome Android

Firefox for Android

Opera Android

Safari on iOS

Samsung Internet

WebView Android

Deno

Node.js

Specification

{
	useGrouping: true
}
// 123,456.789

{
	useGrouping: false
}
// 123456.789

minimumIntegerDigits

{
	minimumIntegerDigits: 1
}
// 123,456.789

{
	minimumIntegerDigits: 2
}
// 123,456.789

{
	minimumIntegerDigits: 3
}
// 123,456.789

{
	minimumIntegerDigits: 4
}
// 123,456.789

{
	minimumIntegerDigits: 5
}
// 123,456.789

minimumFractionDigits

{
	minimumFractionDigits: 1
}
// 123,456.789

{
	minimumFractionDigits: 2
}
// 123,456.789

{
	minimumFractionDigits: 3
}
// 123,456.789

{
	minimumFractionDigits: 4
}
// 123,456.7890

{
	minimumFractionDigits: 5
}
// 123,456.78900

maximumFractionDigits

{
	maximumFractionDigits: 1
}
// 123,456.8

{
	maximumFractionDigits: 2
}
// 123,456.79

{
	maximumFractionDigits: 3
}
// 123,456.789

{
	maximumFractionDigits: 4
}
// 123,456.789

{
	maximumFractionDigits: 5
}
// 123,456.789

minimumSignificantDigits

{
	minimumSignificantDigits: 1
}
// 123,456.789

{
	minimumSignificantDigits: 2
}
// 123,456.789

{
	minimumSignificantDigits: 3
}
// 123,456.789

{
	minimumSignificantDigits: 4
}
// 123,456.789

{
	minimumSignificantDigits: 5
}
// 123,456.789

maximumSignificantDigits

{
	maximumSignificantDigits: 1
}
// 100,000

{
	maximumSignificantDigits: 2
}
// 120,000

{
	maximumSignificantDigits: 3
}
// 123,000

{
	maximumSignificantDigits: 4
}
// 123,500

{
	maximumSignificantDigits: 5
}
// 123,460

localeMatcher

{
	localeMatcher: "best fit"
}
// 123,456.789

{
	localeMatcher: "lookup"
}
// 123,456.789