js 格式化浮点数

在 JavaScript 中，格式化浮点数是为了避免出现精度丢失或者显示过多的小数位。以下是一些常见的方法和概念：

基本概念

JavaScript 中所有的数字都是以 64 位浮点数的形式存储的，这可能会导致精度问题，尤其是在金融计算等对精度要求极高的场景中。此外，直接使用 console.log 或者 alert 输出浮点数时，可能会出现很多不必要的小数位。

格式化方法

1. toFixed() 方法

toFixed() 方法可以格式化一个数字使用固定的小数位数，并返回一个字符串。

let num = 123.456;
console.log(num.toFixed(2)); // 输出 "123.46"

toFixed() 方法会四舍五入到指定的小数位数。

1. Intl.NumberFormat 对象

Intl.NumberFormat 是 ECMAScript 国际化 API 的一部分，可以用来格式化数字，包括设置小数位数、分组分隔符等。

let num = 123456.789;
let formatter = new Intl.NumberFormat('en-US', {
  minimumFractionDigits: 2,
  maximumFractionDigits: 2,
});
console.log(formatter.format(num)); // 输出 "123,456.79"

1. Math.round() 方法结合乘除

可以通过乘以 10 的幂次方，然后四舍五入，再除以相同的幂次方来格式化浮点数。

function roundToTwo(num) {
  return Math.round((num + Number.EPSILON) * 100) / 100;
}

let num = 123.456;
console.log(roundToTwo(num)); // 输出 123.46

应用场景

• 金融应用：在显示金额或者进行金融计算时，通常需要固定小数位数以避免误差。
• 统计报告：在生成报告或者展示数据时，为了保持一致性，可能需要格式化数字。
• 用户界面：在用户界面中显示数字时，为了美观和易读性，通常需要限制小数位数。

注意事项

• 使用 toFixed() 方法时，需要注意它返回的是字符串，如果需要进行数值计算，可能需要转换回数字类型。
• Intl.NumberFormat 提供了更多的格式化选项，但是它的兼容性不如 toFixed() 方法。
• 在进行精确的四舍五入时，需要注意 JavaScript 中的浮点数精度问题，可以通过加上 Number.EPSILON 来避免一些精度问题。

以上就是在 JavaScript 中格式化浮点数的一些基本方法和注意事项。