How to Control Decimal Precision When Working with Floating-Point Numbers in JavaScript?

Controlling Decimal Precision in JavaScript

When working with floating-point numbers in JavaScript, you may encounter situations where you need to control the number of digits displayed after the decimal point. For instance, you might want to display a price with only two decimal places.

Formatting a Float with Fixed Precision

To achieve this, JavaScript provides the toFixed() function. This function takes an argument that specifies the number of decimal places to keep. For example:

<code class="javascript">var x = 5.0364342423;
console.log(x.toFixed(2));</code>

This code prints the value of x with only two decimal places, resulting in an output of 5.04.

Example: Formatting Currency

Let's consider the following currency value:

<code class="javascript">var price = 123.456789;</code>

To format this value with two decimal places, we can use:

<code class="javascript">var formattedPrice = price.toFixed(2);</code>

This assigns a formatted value of "123.45" to the variable formattedPrice.

Additional Notes

• toFixed() returns a string representation of the formatted number.
• If you provide a negative value as the argument, it represents the number of leading digits preserved before the decimal point (after rounding).
• Alternatively, you can use the toLocaleString() function to format numbers based on the locale settings.

The above is the detailed content of How to Control Decimal Precision When Working with Floating-Point Numbers in JavaScript?. For more information, please follow other related articles on the PHP Chinese website!