JavaScript Number Formatting

Written by Swapnil RajaPublished 24 Aug 2026

toLocaleString formats numbers as currency, percentages and grouped digits.

toFixed handles decimal places but nothing else.

For anything a person will read, this is the better tool.

Example

javascript

const value = 1234567.891;

console.log(value.toLocaleString("en-GB"));

The digits are grouped and the decimals rounded.

Formatting Options

The first argument is a locale, such as en-GB or en-IN.

The second is an options object.

style can be decimal, currency, percent or unit.

PreviousJavaScript Math.min and Math.max NextJavaScript Integer Safety

Example

javascript

const price = 1234.5;

console.log(price.toLocaleString("en-GB", { style: "currency", currency: "GBP" }));
console.log(price.toLocaleString("en-IN", { style: "currency", currency: "INR" }));

Complete Example

html

<!DOCTYPE html>
<html>
<head>
  <title>JavaScript Number Formatting</title>
</head>
<body>

  <h1>Number Formatting</h1>

  <p id="out"></p>

  <script>
    const value = 1234567.891;
    const money = new Intl.NumberFormat("en-GB", {
      style: "currency",
      currency: "GBP"
    });

    document.getElementById("out").innerHTML =
      "Grouped: " + value.toLocaleString("en-GB") +
      "<br>Currency: " + money.format(value) +
      "<br>Percent: " + (0.256).toLocaleString("en-GB", { style: "percent" });
  </script>

</body>
</html>

JavaScript Number Formatting

Example

Formatting Options

Syntax

Grouping Digits

Example

Currency

Example

Percentages

Example

Controlling Decimals

Example

Reusing a Formatter

Example

Complete Example

Try It Yourself

Important Points

Conclusion