Formatting currencies shows name of currency instead of symbol

Question

I am using Number.prototype.toLocaleString() like this

5000.70.toLocaleString('en-AU', {
    style: 'currency',
    currency: 'EUR',
    currencyDisplay: 'symbol',
    useGrouping: true
}) // "EUR 5,000.70"

Expected outcome is either "5,000.70 €" or "€5,000.70"

Instead the output in Chrome is "EUR 5,000.70"

Answer 1

If you read up on the Intl.NumberFormat() specification , the possible values of currencyDisplay 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 ",

So, it looks like it is a matter of setting currencyDisplay to narrowSymbol to achieve what you want:

 const x = 5000.70.toLocaleString('en-AU', { style: 'currency', currency: 'EUR', currencyDisplay: 'narrowSymbol', useGrouping: true }); console.log(x); // €5,000.70