How can I format numbers for display in JavaScript?

Formatting Numbers with JavaScript

Formatting numbers to display desired representations is a common task in programming. In JavaScript, there are multiple approaches to accomplish this:

Built-in Function: toLocaleString()

The toLocaleString() method provides formatting options for numbers based on the user's browser locale:

<code class="javascript">var value = (100000).toLocaleString(
  undefined, // leave undefined to use the browser locale
  { minimumFractionDigits: 2 } // set the minimum number of decimal places
);

console.log(value); // Output: "100,000.00"</code>

Custom Functions:

If the desired formatting options are not available in toLocaleString(), you can create custom functions:

<code class="javascript">function numberFormat(num, decimals) {
  if (decimals === undefined) decimals = 2; // default to 2 decimal places

  // Split the number into integer and fractional parts
  var parts = num.toFixed(decimals).split(".");

  // Insert commas into the integer part
  parts[0] = parts[0].replace(/(\d)(?=(\d{3})+(?!\d))/g, ",");

  // Return the formatted number
  return parts.join(".");
}

var formattedNumber = numberFormat(123456.789, 3);
console.log(formattedNumber); // Output: "123,456.789"</code>

The above is the detailed content of How can I format numbers for display in JavaScript?. For more information, please follow other related articles on the PHP Chinese website!